E库技术学院--您的网络技术顾问! 网站首页素材图片库设计原稿网页模板网站赏析下载中心明星图库E库论坛  
E库技术学院
设为首页
加入收藏
我要投稿
E库首页学院首页 ┊ 图形图象 ┊ 网页设计 ┊ 网络编程 ┊ 数据库 ┊ 服务器 ┊ 建站技术 ┊ 业界新闻 ┊ 作者专栏 ┊ 常用范文 ┊ 预留栏目
  当前位置:学院首页>>网页设计教程>>网页特效教程>>随机显示广告代码
随机显示广告代码
[ 来源:网页教学网整理 | 作者: | 时间:2005-12-19 13:16:42 | 浏览:人次 ]
收藏到新浪ViVi收藏到365KEY收藏到我摘 ┊ 双击滚屏 单击停止

  如果你的主页中需要随机显示图片或者链接banner,你该怎么实现呢? 下面是一个随机显示五条Banner的代码,你可以自己定义的。

  代码:

<script language=javascript>
var m=5; //共几个Banner随机显示
var n=Math.floor(Math.random()*m+1)
switch(n)
{
case 1:
document.write('Banner1的HTML');
break;
case 2:
document.write('Banner2的HTML');
break;
case 3:
document.write('Banner3的HTML');
break;
case 4:
document.write('Banner4的HTML');
break;
case 5:
document.write('Banner5的HTML');
break;
}
</script>

  如果一些如广告类的图片上需要加入相应的连接呢?那么代码仍然大同小异:

  代码:

<SCRIPT LANGUAGE="javascript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="banner01";
url="http://siyizhu.com";
alt="banner01";
banner="/uppic/pic/edupic/webbanner1.jpg";
width="778";
height="160";
}
if (ad==2) {
txt="banner02";
url="http://siyizhu.com";
alt="banner02";
banner="/uppic/pic/edupic/webbanner2.jpg";
width="778";
height="160";
}
if (ad==3) {
txt="banner03";
url="http://siyizhu.com";
alt="banner03";
banner="/uppic/pic/edupic/webbanner3.jpg";
width="778";
height="160";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

  这个其实不是绝对的随机显示,是读取当时系统时间的秒,然后求余,模拟的一个随机显示,不明白为什么网上有好多用这种方法,钟钟不赞成这种方法,因为取一个真正的随机数并不难。别外,最好用switch语句,用N条if语句显得有点儿笨。

“随机显示广告代码”教程到此结束==>||
 相关教程
随机显示广告代码
随机显示广告代码
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

投稿作者:  信息来源: 网页教学网整理 录入时间: 2005-12-19 13:16:42
投稿信箱: web#iecool.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 会员投稿
E库技术学院 © 2004-2005 Edu.IEcool.Com  浙ICP备05015070号