首页 > 开发 > JS > 正文

JS如何实现随机广告代码,JS实现每次刷新随机显示广告代码

2024-09-06 12:41:10
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了JS如何实现随机广告代码,JS实现每次刷新随机显示广告代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

很多时候我们希望我们的广告或者我们的页面图片每次刷新页面随机显示不同的内容或者图片,如何实现呢?其实很简单,下面代码就能实现:

<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>

 从上面的JS代码里我们可以看出,随机显示5条记录里的某一条banner记录。

如果需要可以换成确切的广告图片来实现:

<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; var txt; if (ad==1) { txt="banner01"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server.gif"; width="300"; height="96"; } if (ad==2) { txt="banner02"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server468.gif"; width="468"; height="60"; } if (ad==3) { txt="banner03"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server.gif"; width="300"; height="96"; } 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>


以上就是JS如何实现随机广告代码,JS实现每次刷新随机显示广告代码的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表