基于jquery實(shí)現(xiàn)的定時(shí)顯示與隱藏div廣告的實(shí)現(xiàn)代碼

更新時(shí)間：2013年08月22日 17:45:40 作者：

有時(shí)候我們需要在jquery中要顯示與隱藏層，很簡(jiǎn)單的方法就是直接使用hide與show方法就可以了，但要定時(shí)我們需要結(jié)合setTimeout函數(shù)來(lái)實(shí)現(xiàn)

下面我給大家分享我的方法：

在jquery中要顯示與隱藏層是很簡(jiǎn)單的直接使用hide與show方法就可以了，但要定時(shí)我們需要利用setTimeout函數(shù)來(lái)實(shí)例，下面我給大家分享我的方法。
html頁(yè)面中我們隨便放些東西

復(fù)制代碼代碼如下:

<div class="toolbarframe" style="display:none;"><a href="http://www.dhdzp.com" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">關(guān)閉</a></div>

jquery代碼

復(fù)制代碼代碼如下:

<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>

簡(jiǎn)單介紹下上面的核心實(shí)現(xiàn)代碼：

復(fù)制代碼代碼如下:

setTimeout('$(".toolbarframe").show("slow")',3000); 過(guò)三秒div慢慢從小到大顯示出來(lái)
setTimeout('$(".toolbarframe").hide("slow")',13000); 過(guò)十秒再自動(dòng)把div從大到小隱藏了
$(".bigad_close").click(function(){
 $(".toolbarframe").hide("slow");
})

這個(gè)是用戶(hù)來(lái)關(guān)閉，點(diǎn)擊關(guān)閉就可以實(shí)現(xiàn)關(guān)閉這個(gè)層了。

您可能感興趣的文章:

相關(guān)文章

jquery焦點(diǎn)圖片切換(數(shù)字標(biāo)注/手動(dòng)/自動(dòng)播放/橫向滾動(dòng))
焦點(diǎn)圖片切換在網(wǎng)頁(yè)制作的商品展示中經(jīng)常會(huì)用到，這樣的效果可以給用戶(hù)帶來(lái)耳目一新的感覺(jué)同時(shí)也是用戶(hù)比較追捧的，本文也實(shí)現(xiàn)了一個(gè)這樣的焦點(diǎn)圖片切換效果,感興趣的你可以參考下啊，希望本文對(duì)你有所幫助
2013-01-01
jQuery基礎(chǔ)_入門(mén)必看知識(shí)點(diǎn)
下面小編就為大家?guī)?lái)一篇jQuery基礎(chǔ)_入門(mén)必看知識(shí)點(diǎn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
jQuery的12招常用技巧分享
jquery是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對(duì)象本身是一個(gè)集合。所以如果jQuery對(duì)象要轉(zhuǎn)換為dom對(duì)象則必須取出其中的某一項(xiàng)，一般可通過(guò)索引取出。
2011-08-08
jQuery 全選全不選事件綁定的實(shí)現(xiàn)代碼
本文給大家分享一段代碼基于jQuery 全選全不選事件綁定的實(shí)現(xiàn)方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下
2017-01-01
jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
在處理文件上傳時(shí)需要使用到文件的異步上傳，這里使用Jquery Ajax File Uploader這個(gè)組件,服務(wù)器端采用struts2來(lái)處理文件上傳
2013-04-04
詳解jQuery UI庫(kù)中文本輸入自動(dòng)補(bǔ)全功能的用法
這篇文章主要介紹了詳解jQuery UI庫(kù)中文本輸入自動(dòng)補(bǔ)全功能的用法,其中重點(diǎn)講解了常用的郵箱地址輸入時(shí)后綴自動(dòng)補(bǔ)全功能的使用,需要的朋友可以參考下
2016-04-04
jquery鍵盤(pán)事件介紹
jquery鍵盤(pán)事件介紹，使用jquery的朋友可以參考下。
2011-01-01
jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦)
這篇文章主要介紹了jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
JQuery基于FormData異步提交數(shù)據(jù)文件
這篇文章主要介紹了JQuery基于FormData異步提交數(shù)據(jù)文件,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-09-09
jQuery動(dòng)畫(huà)顯示和隱藏效果實(shí)例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動(dòng)畫(huà)顯示和隱藏效果實(shí)現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下
2015-12-12