上一篇
下一篇
js随机广告
作者:杨兴龙 日期:2010-08-10
最近工作需要制作随机banner的效果，最先写了一个
$(document).ready(function(){
var how_many_banner=2;
var now= new Date();
var sec=now.getSeconds();
var banner=sec % how_many_banner;
if(banner==0){
$(".banner_1").css("display", "block")
}
else{
$(".banner_2").css("display", "block")
}
})
但是需要载入jQuery库，效率有些低。
昨天写了一个原生的JavaScript代码，不过需要在body写入
onload="函数名();"
广告全部写在html里，css设置广告的display为none;，广告的ID为banner_加上广告的顺序
js代码如下
<script type="text/javascript">
function(banner){
n=99
banner=Math.floor(Math.random()*n+1)
document.getElementById("banner_"+banner).style.display = "block";
}
</script>
其中n为广告的数量。
复制内容到剪贴板
程序代码
程序代码$(document).ready(function(){
var how_many_banner=2;
var now= new Date();
var sec=now.getSeconds();
var banner=sec % how_many_banner;
if(banner==0){
$(".banner_1").css("display", "block")
}
else{
$(".banner_2").css("display", "block")
}
})
但是需要载入jQuery库，效率有些低。
昨天写了一个原生的JavaScript代码，不过需要在body写入
复制内容到剪贴板 程序代码
程序代码onload="函数名();"
广告全部写在html里，css设置广告的display为none;，广告的ID为banner_加上广告的顺序
js代码如下
复制内容到剪贴板 程序代码
程序代码<script type="text/javascript">
function(banner){
n=99
banner=Math.floor(Math.random()*n+1)
document.getElementById("banner_"+banner).style.display = "block";
}
</script>
其中n为广告的数量。
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论