基于jquery實現(xiàn)的定時顯示與隱藏div廣告的實現(xiàn)代碼
更新時間：2013年08月22日 17:45:40 作者：
有時候我們需要在jquery中要顯示與隱藏層，很簡單的方法就是直接使用hide與show方法就可以了，但要定時我們需要結(jié)合setTimeout函數(shù)來實現(xiàn)
下面我給大家分享我的方法：
在jquery中要顯示與隱藏層是很簡單的直接使用hide與show方法就可以了，但要定時我們需要利用setTimeout函數(shù)來實例，下面我給大家分享我的方法。
html頁面中我們隨便放些東西
復(fù)制代碼 代碼如下:
<div class="toolbarframe" style="display:none;"><a href="http://www.fzitv.net" 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>
簡單介紹下上面的核心實現(xiàn)代碼：
復(fù)制代碼 代碼如下:
setTimeout('$(".toolbarframe").show("slow")',3000); 過三秒div慢慢從小到大顯示出來
setTimeout('$(".toolbarframe").hide("slow")',13000); 過十秒再自動把div從大到小隱藏了
$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})
這個是用戶來關(guān)閉，點擊關(guān)閉就可以實現(xiàn)關(guān)閉這個層了。
相關(guān)文章
jquery焦點圖片切換(數(shù)字標(biāo)注/手動/自動播放/橫向滾動)
焦點圖片切換在網(wǎng)頁制作的商品展示中經(jīng)常會用到，這樣的效果可以給用戶帶來耳目一新的感覺同時也是用戶比較追捧的，本文也實現(xiàn)了一個這樣的焦點圖片切換效果,感興趣的你可以參考下啊，希望本文對你有所幫助2013-01-01
下面小編就為大家?guī)硪黄猨Query基礎(chǔ)_入門必看知識點。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
jquery是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉(zhuǎn)換為dom對象則必須取出其中的某一項，一般可通過索引取出。2011-08-08
本文給大家分享一段代碼基于jQuery 全選 全不選 事件綁定的實現(xiàn)方法，代碼簡單易懂，非常不錯，需要的朋友參考下2017-01-01
jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
在處理文件上傳時需要使用到文件的異步上傳，這里使用Jquery Ajax File Uploader這個組件,服務(wù)器端采用struts2來處理文件上傳2013-04-04
這篇文章主要介紹了詳解jQuery UI庫中文本輸入自動補全功能的用法,其中重點講解了常用的郵箱地址輸入時后綴自動補全功能的使用,需要的朋友可以參考下2016-04-04
jquery鍵盤事件介紹，使用jquery的朋友可以參考下。2011-01-01
jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦)
這篇文章主要介紹了jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
JQuery基于FormData異步提交數(shù)據(jù)文件
這篇文章主要介紹了JQuery基于FormData異步提交數(shù)據(jù)文件,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
jQuery動畫顯示和隱藏效果實例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動畫顯示和隱藏效果實現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12