基于jquery实现的定时显示与隐藏div广告的实现代码
更新时间：2013年08月22日 17:45:40 作者：
有时候我们需要在jquery中要显示与隐藏层，很简单的方法就是直接使用hide与show方法就可以了，但要定时我们需要结合setTimeout函数来实现
下面我给大家分享我的方法：
在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了，但要定时我们需要利用setTimeout函数来实例，下面我给大家分享我的方法。
html页面中我们随便放些东西
复制代码 代码如下:
<div class="toolbarframe" style="display:none;"><a href="https://www.jb51.net" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">关闭</a></div>
jquery代码
复制代码 代码如下:
<script src="/js/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");
})
这个是用户来关闭，点击关闭就可以实现关闭这个层了。
相关文章
jQuery删除节点的三个方法即remove()detach()和empty()
jQuery提供了三种删除节点的方法，即remove()，detach()和empty()，下面为大家详细介绍下jQuery删除节点三个方法的具体使用2013-12-12
JQUERY 浏览器判断实现函数，如果只是为了判断浏览器不建议用，如果你已经用了jquery才用啊，要不没必要因为这个小功能，加个那么大的类库吧。2009-08-08
下面小编就为大家带来一篇jQuery 局部div刷新和全局刷新方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了基于jQuery实现网页进度显示插件的实现方法以及源码下载，十分的详细，并自带2种皮肤，这里推荐给小伙伴们。2015-03-03
下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
这篇文章主要介绍了jQuery头像裁剪工具jcrop用法,结合实例形式分析了jQuery头像裁剪工具jquery.jcrop.js具体使用技巧,并附带了完整的demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了JQuery中使用on方法绑定hover事件实例,本文用于一些特殊环境下,需要的朋友可以参考下2014-12-12
在做商城项目的时候，需要在购物车中增加一个商品加减功能，并在加减时同时修改总价格的显示，并且保证文本框text只能输入纯数字2014-05-05
本节主要介绍了jquery如何获取一个元素下面相同子元素的个数代码,需要的朋友可以参考下2014-07-07
简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)
jquery版，简单易用的jQuery 版仿新浪微博 向下滚动效果，现在越来越发现jquery太强大咯，哈哈。2011-02-02
最新评论