query 实现定时显示与隐藏div广告代码

jquery 实现定时显示与隐藏div广告代码

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

代码如下

<div class="toolbarframe" style="display:none;"><a href="http://www.45it.net" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">关闭</a></div>

 

jquery代码

 

代码如下

<script src="/js/v2/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、js隐藏div也很简单，但需要注意的是，在点击显示的事件中，需要做阻止事件冒泡的处理，否则就触发页面的点击事件了。 
  
但这样做也有一个缺点，即如果同一个页面中如果也有事件阻止冒泡，则不能隐藏DIV，所以在这样的事件中需要特殊处理下：自己调用隐藏下DIV（但正常来说这样的事件并不多）； 
JS代码: 
$(document).ready(function() { 
//语言头部的点击事件，显示语言列表 
$(".language_selected").click(function(e) { 
$(".language_list").toggle(); 
e.stopPropagation(); //阻止事件冒泡，否则事件会冒泡到下面的文档点击事件 
}); 
//点击文档时，隐藏语言列表 
$(document).click(function() { 
$(".language_list").hide(); 
}); 
//点击语言列表中的语言项时，更新选中项，并隐藏语言列表 
$(".language_list li").click(function() { 
$(".language_selected").text($(this).text()); 
$(".language_list").hide(); 
}); 
$("#noPopEvent").click(function(e) { 
e.stopPropagation(); 
}); 
});   
CSS代码： 
.language_selected 
{ 
cursor: pointer; 
} 
.language_list 
{ 
border: 1px solid black; 
display: none; 
} 
.language_list li 
{ 
cursor: pointer; 
border: 1px solid red; 
} HTML代码：