jquery定時(shí)滑出可最小化的底部提示層特效代碼
html源代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery定時(shí)滑出可最小化的底部提示層</title><base target="_blank" />
<link href="http://www.dhdzp.com/phtml/jqtexiao/index/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://www.dhdzp.com/pmedia/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>
<div style="width:800px;margin:0px auto">
<span style="font-size:18px; font-weight:bold; text-align:center; line-height:25px; color:#000; width:100%">jquery定時(shí)底部滑出可最小化的提示層特效<br />
<a href="http://www.dhdzp.com" target="_blank" style="color:#000">腳本之家</a>（<a href="http://www.dhdzp.com" style="color:#000" target="_blank">http://www.dhdzp.com</a>）<br />
<br />
</span>
當(dāng)打開頁(yè)面或者刷新頁(yè)面后等待兩秒鐘，會(huì)在底部滑出可最小化的提示層。
</div>
<div style="background-color:Red; width:100%;height:150px;">歡迎。</div>
<div style="height:830px;"></div>
<div style="background-color:Fuchsia; width:100%;height:150px;">jb51</div>
<div style="height:500px;"></div>
<div class="bottom_box-keleyi-com">
<div class="bottom">
<p>感謝您訪問(wèn)腳本之家網(wǎng)站！<a href="http://www.dhdzp.com" target="_blank">http://www.dhdzp.com</a>，<br/>專門分享實(shí)用、常用的技術(shù)文章代碼資源的網(wǎng)站</p>
<div class="ask"><a href="http://www.dhdzp.com/">首頁(yè)</a>
<a href="http://www.dhdzp.com/ablut/">關(guān)于</a>
<a href="http://www.dhdzp.com/a/bjac/kjsrt3b0.htm">jQuery AJAX</a>
<a href="http://www.dhdzp.com/a/bjac/182di68b.htm">導(dǎo)航樣式</a>
<a href="http://www.dhdzp.com/a/bjac/mt97p5y9.htm">側(cè)邊導(dǎo)航</a>
<a href="http://www.dhdzp.com/dev/3068696139522ae4.htm">樹形菜單</a>
<a href="http://www.dhdzp.com/game/1/">捕魚</a>
<a href="http://www.dhdzp.com/game/3/">打地鼠</a>
<a href="http://www.dhdzp.com/game/4/">美女拼圖</a>
<a href="http://www.dhdzp.com/phtml/silverlight/">猜數(shù)字</a>
</div>
</div>
<div class="close"></div>
</div>
<img class="mini" src="http://www.dhdzp.com/phtml/jqtexiao/index/mini.png" width="65" height="37" alt="打開" />
<script type="text/javascript">
$(function(){
setTimeout(function(){
$(".bottom_box-k"+"eleyi-com").slideDown("slow");
},2000);
$(".close").click(function(){
$(".bottom_box-ke"+"leyi-com").hide();
$(".mini").show(200);
})
$(".mini").click(function(){
$(this).hide();
$(".bottom_box-kele"+"yi-com").show();
})
});
</script>
</body>
</html>
相關(guān)文章
jQuery中hover與mouseover和mouseout的區(qū)別分析
這篇文章主要介紹了jQuery中hover與mouseover和mouseout的區(qū)別,結(jié)合實(shí)例分析了jQuery中hover與mouseover和mouseout的區(qū)別與使用技巧,需要的朋友可以參考下2015-12-12
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang
Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.2010-03-03
這篇文章主要介紹了jQuery實(shí)現(xiàn)高亮顯示的方法,涉及jQuery樣式控制的addClass與removeClass方法使用技巧,需要的朋友可以參考下2015-03-03
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁(yè)面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
jquery 將disabled的元素置為enabled的三種方法
在jquery中可以通過(guò)jqueryObj.attr("disabled","disabled")將頁(yè)面中某個(gè)元素置為不可編輯或觸發(fā)狀態(tài)，但是在jquery的API reference中并沒(méi)說(shuō)明怎么將頁(yè)面置為disable的元素重新置為可觸發(fā)或可編輯的。2009-07-07
由于ASP.NET網(wǎng)頁(yè)運(yùn)行后，服務(wù)器控件會(huì)隨機(jī)生成客戶端id，jquery獲取時(shí)候不太好操作，google了下，總結(jié)有以下3種方法.2010-05-05
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下2015-01-01
ajax頁(yè)面無(wú)刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問(wèn)題
在做ajax頁(yè)面無(wú)刷新添加的時(shí)候，IE下遭遇Ajax緩存，因?yàn)閯傞_始并不知道IE有這個(gè)壞毛病，折騰好久，終于解決問(wèn)題,曬出來(lái)和大家分享，希望可以幫助你們2012-12-12
跟著JQuery API學(xué)Jquery 之四 css
在javascript中我們常常要改變dom的css樣式 ，同樣Jquery也對(duì)改變css做了封裝不用我們?nèi)ビ?getElementByid().style.……來(lái)操作了2010-04-04
jQuery實(shí)現(xiàn)的分頁(yè)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的分頁(yè)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)分頁(yè)功能的具體步驟及相關(guān)操作技巧,包括前臺(tái)樣式、布局及jQuery分頁(yè)插件的調(diào)用方法,需要的朋友可以參考下2017-01-01