时间:2021-05-25
下面我给大家分享我的方法:
在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");
})
这个是用户来关闭,点击关闭就可以实现关闭这个层了。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JavaScript实现定时隐藏与显示图片的方法。分享给大家供大家参考。具体如下:这里使用JavaScript实现定时隐藏与显示图片,设定图片在几
jQuery判断元素是否显示是否隐藏的简单实现代码varnode=$('#id');第一种写法if(node.is(':hidden')){ //如果node
jquery实现鼠标点击div外的地方div窗口隐藏消失的复制代码代码如下:$(function(){$(document).bind("click",func
以下是实现代码(基于jquery):复制代码代码如下:functionlazyload(option){varsettings={defObj:null,def
本文实例讲述了jQuery仅用3行代码实现的显示与隐藏功能。分享给大家供大家参考。具体如下:jQuery技术相当好使用,的确可以用很少的代码实现想要的功能,比如