基于jquery实现的定时显示与隐藏div广告的实现代码
2013-08-22 00:00
811 查看
下面我给大家分享我的方法:
在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。
html页面中我们随便放些东西
jquery代码
简单介绍下上面的核心实现代码:
这个是用户来关闭,点击关闭就可以实现关闭这个层了。
在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。
html页面中我们随便放些东西
<div class="toolbarframe" style="display:none;"><a href="http://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实现的定时显示与隐藏div广告的实现代码
- jquery 实现定时显示与隐藏div广告代码
- query 实现定时显示与隐藏div广告代码
- 基于jquery显示隐藏按钮实现代码
- jQuery基于闭包实现的显示与隐藏div功能示例
- 基于jQuery实现右侧列表显示隐藏实现代码
- jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
- jQuery点击按钮实现div的隐藏和显示切换效果
- 基于jQuery实现左右div自适应高度完全相同的代码
- jquery 实现密码框的显示与隐藏示例代码
- 基于jquery实现图片广告轮换效果代码
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- 基于jQuery的输入框无值自动显示指定数据的实现代码
- jquery和js实现对div的隐藏和显示方法
- js定时显示广告的实现代码[已测]
- 基于jquery实现图片广告轮换效果代码
- 基于jquery实现页面滚动时顶部导航显示隐藏
- jQuery 网易相册鼠标移动显示隐藏效果实现代码