首頁  >  文章  >  web前端  >  基於jquery實現的定時顯示與隱藏div廣告的實作代碼_jquery

基於jquery實現的定時顯示與隱藏div廣告的實作代碼_jquery

WBOY
WBOY原創
2016-05-16 17:24:431250瀏覽

下面我要跟大家分享我的方法:

在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('$ame".toolbarframe".toolbarfr").show ("slow")',3000); 過三秒div慢慢從小到大顯示出來
setTimeout('$(".toolbarframe").hide("slow")',13000); 過十秒再自動把div從大到小隱藏了
$(".bigad_close").click(function(){
 $(".toolbarframe").hide("slow");
})

這個是使用者來關閉,點選關閉就可以實現關閉這個層了。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn