JS随机效果之随机广告(显示图片)的代码
发布时间：2014-10-11 编辑：jiaochengji.com
如何用js代码随机显示广告图片呢？本文为大家举一个简单的例子，实现随机广告功能，有需要的朋友，可以参考下。
代码如下：
<html>
<head>
<title>JS随机广告(随机图片切换)_www.jbxue.cm</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<div id="div1" style="position: absolute; text-align:center; visibility:hidden; filter: revealTrans(Transition=8, Duration=1) revealTrans(Transition=9, Duration=3) revealTrans(Transition=10, Duration=1) revealTrans(Transition=11, Duration=2) revealTrans(Transition=12, Duration=3) revealTrans(Transition=17, Duration=2) revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3)">
<img id="img1">
</div>
<script language="javascript">
var n=0;
var n1=0;
var is=true;
document.all.div1.style.top=document.body.clientHeight-135;
document.all.div1.style.left=document.body.clientWidth-175;
function showdiv(){
n=Math.floor(Math.random()*10);
document.all.div1.filters[n].apply();
if (n1==4){n1=1}
else{n1=n1+1}
document.all.img1.src="/jscss/demoimg/wall_s"+n1+".jpg";
if (is==true){
document.all.div1.style.visibility="visible";
is=false;
}else{
document.all.div1.style.visibility="hidden";
is=true;
}
document.all.div1.filters[n].play();
setTimeout("showdiv()",6000);
}
showdiv();
function place(){
window.status=String(n);
document.all.div1.style.top=parseInt(document.body.scrollTop)+parseInt(document.body.clientHeight)-135;
document.all.div1.style.left=parseInt(document.body.scrollLeft)+parseInt(document.body.clientWidth)-175;
setTimeout("place()",50)
}
place();
</script>
</body>
</html>您可能感兴趣的文章：
一个随机显示图片的JS代码
JS随机效果之随机广告(显示图片)的代码
php生成随机数的例子
用PHP程序实现随机广告图片显示
php生成随机数字和字母的实例代码
JavaScript随机数与随机图片的创建方法
php生成N个不重复的随机数
php随机生成4位数字验证码
jquery随机多彩tag标签实现代码
jQuery 随机展示图片的例子
[关闭]