您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery 实现定时显示与隐藏div广告代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 html页面中我们随便放些东西

代码如下

<div class="toolbarframe" style="display:none;"><a href="http://www.45it.net" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">关闭</a></div>

 

jquery代码

 

代码如下

<script src="/js/v2/jquery-1.7.2.min.js" language="javascript" type="text/javascript"></script>

<script>

$(function(){

setTimeout('$(".toolbarframe").show("slow")',3000);

setTimeout('$(".toolbarframe").hide("slow")',13000);

$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})
});
</script>

 

说明一下上面

代码如下

setTimeout('$(".toolbarframe").show("slow")',3000); 过三秒div慢慢从小到大显示出来

setTimeout('$(".toolbarframe").hide("slow")',13000); 过十秒再自动把div从大到小隐藏了

$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})

这个是用户来关闭,点击关闭就可以实现关闭这个层了。