基于jquery实现的定时显示与隐藏div广告的实现代码
基于jquery实现的定时显示与隐藏div广告的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:下面我给大家分享我的方法:在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime...

下面我给大家分享我的方法:

在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。

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

复制代码 代码如下:<div><a href="http://www.jb51.net" target="_blank"><img src="http://www.jb51.netupfile/swf/s.jpg" /></a><a>关闭</a></div>

jquery代码

复制代码 代码如下:

<script src="http://www.jb51.netjs/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");

})

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类