基于jquery實現(xiàn)的定時顯示與隱藏div廣告的實現(xiàn)代碼
下面我給大家分享我的方法:
在jquery中要顯示與隱藏層是很簡單的直接使用hide與show方法就可以了,但要定時我們需要利用setTimeout函數(shù)來實例,下面我給大家分享我的方法。
html頁面中我們隨便放些東西
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>
簡單介紹下上面的核心實現(xiàn)代碼:
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+iframe做一個ajax上傳效果(實例)
下面小編就為大家?guī)硪黄褂胘query+iframe做一個ajax上傳效果(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jQuery EasyUI API 中文文檔 可調(diào)整尺寸
jQuery EasyUI API 中文文檔 可調(diào)整尺寸,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-09-09
php+ajax+jquery實現(xiàn)點擊加載更多內(nèi)容
本文給大家詳細講解的是如何利用jquery.more.js實現(xiàn)點擊加載更多后在本頁面內(nèi)下面加載數(shù)據(jù),十分的實用,有需要的小伙伴可以參考下。2015-05-05
tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果
這篇文章主要介紹了tuzhu_req.js 實現(xiàn)仿百度圖片首頁效果的相關(guān)資料,需要的朋友可以參考下2015-08-08
jQuery插件slick實現(xiàn)響應(yīng)式移動端幻燈片圖片切換特效
jQuery插件slick是一款響應(yīng)式、適用于移動設(shè)備觸摸屏、可滑動顯示的jQuery幻燈片插件。該幻燈片插件可以設(shè)置多種顯示效果,可以自動播放,是一款移動優(yōu)先的jQuery幻燈片插件。2015-04-04

