加载中...
查看文章
  • 图片或banner的随机显示
  • 作者：未知 来源：未知 添加时间：2003年5月6日 字体:大 中 小
  • 83624如果你的主页中需要随机显示图片或者链接banner，你该怎么实现呢？
    9P8!C]

    9P8!C]
    下面是一个随机显示五条Banner的代码，你可以自己定义的。
    9P8!C]
    <script language=javascript>
    9P8!C]
    var m=5; //共几个Banner随机显示
    9P8!C]
    var n=Math.floor(Math.random()*m+1)
    9P8!C]
    switch(n)
    9P8!C]
    {
    9P8!C]
    case 1:
    9P8!C]
    document.write('Banner1的HTML');
    9P8!C]
    break;
    9P8!C]
    case 2:
    9P8!C]
    document.write('Banner2的HTML');
    9P8!C]
    break;
    9P8!C]
    case 3:
    9P8!C]
    document.write('Banner3的HTML');
    9P8!C]
    break;
    9P8!C]
    case 4:
    9P8!C]
    document.write('Banner4的HTML');
    9P8!C]
    break;
    9P8!C]
    case 5:
    9P8!C]
    document.write('Banner5的HTML');
    9P8!C]
    break;
    9P8!C]
    }
    9P8!C]
    </script></JS>
    9P8!C]

    9P8!C]
    如果一些如广告类的图片上需要加入相应的连接呢？那么代码仍然大同小异：
    9P8!C]
    <JS>
    9P8!C]
    <SCRIPT LANGUAGE="javascript">
    9P8!C]
    <!-- Begin
    9P8!C]
    var how_many_ads = 3;
    9P8!C]
    var now = new Date()
    9P8!C]
    var sec = now.getSeconds()
    9P8!C]
    var ad = sec % how_many_ads;
    9P8!C]
    ad +=1;
    9P8!C]
    if (ad==1) {
    9P8!C]
    txt="banner01";
    9P8!C]
    url="http://www.chinavisual.com/banner01";;;
    9P8!C]
    alt="banner01";
    9P8!C]
    banner="image/banner01.gif";
    9P8!C]
    width="468";
    9P8!C]
    height="60";
    9P8!C]
    }
    9P8!C]
    if (ad==2) {
    9P8!C]
    txt="banner02";
    9P8!C]
    url="http://www.chinavisual.com/banner02";;;
    9P8!C]
    alt="banner02";
    9P8!C]
    banner="image/banner02.gif";
    9P8!C]
    width="468";
    9P8!C]
    height="60";
    9P8!C]
    }
    9P8!C]
    if (ad==3) {
    9P8!C]
    txt="banner03";
    9P8!C]
    url="http://www.chinavisual.com/banner03";;;
    9P8!C]
    alt="banner03";
    9P8!C]
    banner="image/banner03.gif";
    9P8!C]
    width="468";
    9P8!C]
    height="60";
    9P8!C]
    }
    9P8!C]
    document.write('<center>');
    9P8!C]
    document.write('<a href="' + url + '" target="_top">');
    9P8!C]
    document.write('<img src="' + banner + '" width=')
    9P8!C]
    document.write(width + ' height=' + height + ' ');
    9P8!C]
    document.write('alt="' + alt + '" border=0>
    9P8!C]');
    9P8!C]
    document.write('<small>' + txt + '</small></a>');
    9P8!C]
    document.write('</center>');
    9P8!C]
    // End -->
    9P8!C]
    </SCRIPT>
    9P8!C]

    9P8!C]

    9P8!C]
    这个其实不是绝对的随机显示，是读取当时系统时间的秒，然后求余，模拟的一个随机显示，不明白为什么网上有好多用这种方法，钟钟不赞成这种方法，因为取一个真正的随机数并不难。别外，最好用switch语句，用N条if语句显得有点儿笨。
    9P8!C]
    83621
  • 返回页面顶端
  • 上一篇：贱儿饭(霸王餐)
  • 下一篇：网页配色颜色表2(推荐)
  • 返回上一页 打印本文 加入收藏
  • 页面最后更新时间：2011年5月18日