Heim > Web-Frontend > js-Tutorial > 基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

WBOY
Freigeben: 2016-05-16 17:24:43
Original
1305 Leute haben es durchsucht

下面我给大家分享我的方法:

在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。
html页面中我们随便放些东西

复制代码 代码如下:

jquery代码

复制代码 代码如下:


<script><BR>$(function(){ <BR>setTimeout('$(".toolbarframe").show("slow")',3000);<BR> setTimeout('$(".toolbarframe").hide("slow")',13000);<BR> $(".bigad_close").click(function(){<BR> $(".toolbarframe").hide("slow");<BR>})<BR>});<BR></script>

简单介绍下上面的核心实现代码:

复制代码 代码如下:

setTimeout('$(".toolbarframe").show("slow")',3000); 过三秒div慢慢从小到大显示出来
setTimeout('$(".toolbarframe").hide("slow")',13000); 过十秒再自动把div从大到小隐藏了
$(".bigad_close").click(function(){
 $(".toolbarframe").hide("slow");
})

这个是用户来关闭,点击关闭就可以实现关闭这个层了。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage