基于jquery实现的定时显示与隐藏div广告的实现代码
2018-10-12 14:03
681 查看
下面我给大家分享我的方法:
在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。
html页面中我们随便放些东西
<div class="toolbarframe" style="display:none;"><a href="//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基于toggle实现click触发DIV的显示与隐藏问题分析
- 基于jQuery实现右侧列表显示隐藏实现代码
- 基于jquery显示隐藏按钮实现代码
- jQuery基于闭包实现的显示与隐藏div功能示例
- 问题:关于坛友的一个定时重复显示和隐藏div的实现
- 基于jQuery的输入框无值自动显示指定数据的实现代码
- jquery 实现密码框的显示与隐藏示例代码
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- 使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
- jquery 实现密码框的显示与隐藏示例代码
- jquery 实现背景图片循环切换,显示隐藏div
- jquery和js实现对div的隐藏和显示方法
- 基于jQuery实现Div窗口震动特效代码-代码简单
- 基于jQuery实现左右div自适应高度完全相同的代码
- 基于jquery实现图片广告轮换效果代码
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- jQuery 网易相册鼠标移动显示隐藏效果实现代码