最近网站接到了一单广告,广告主提供了5张广告图片,要求每次刷新随机显示其中的1张,这也是网站广告位的标准做法,其实代码很简单,就是js生成随机数的实际应用。

js代码:

var total=5;
var rand=Math.floor(Math.random()*total+1)
document.writeln("<a href='https://www.codesou.cn' target='_blank'><img src='/images/qawde/qawde_"+rand+".gif' border=0></a>");

html代码:

<script type="text/javascript" src="/qawde.js"></script>

代码解析:

1.js代码中的total是素材的数量,如果你有10张广告图片素材,那么就写10即可;

2.其中的网址https://www.codesou.cn是广告网址,按照你的需求更改即可;

3./images/qawde是图片素材的路径,这里有一点要说明的是:文件夹及文件名最好不要带ad字样并且要尽可能的乱或者随机,这样能一定程度的避免广告被拦截。

4.图片素材的名称要修改成qawde_1.gif,qawde_2.gif这样的,随机数是从1开始,到定义的total截止。

5.在要显示广告的位置填写上面的html代码即可。