91在线免费看-91在线免费观看网站-91在线免费观看-91在线免费公开视频-91在线免费播放-91在线麻豆

<fieldset id="x0pza"><optgroup id="x0pza"></optgroup></fieldset>

<span id="x0pza"></span>

<span id="x0pza"><optgroup id="x0pza"><option id="x0pza"></option></optgroup></span>

<rp id="x0pza"><acronym id="x0pza"></acronym></rp>

<fieldset id="x0pza"></fieldset>

<center id="x0pza"><label id="x0pza"></label></center>

首頁 > 網站建設中，Jquery版頁面載入loading提示效果

網站建設中，Jquery版頁面載入loading提示效果

時間：2014/10/10 20:16:39 作者：tsccwl 人氣：標簽：頁面加載 jquery頁面加載

　　

網站建設中，Jquery版頁面載入loading提示效果

這個loading提示效果是從LaoZhuHome上拿來的。

修改之后應用到了pjblog上，相對于之前的load載入效果更佳，

故放棄了之前的“頁面載入中……”提示，而采用了您現在所看到的效果。
實現原理就是先讓loading圖片最先顯示，

當頁面加載完畢的時候用JS控制loading圖片消失，基于jquery實現。

具體修改方法如下：

代碼如下

請注意包含jquery 百度運行庫

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
    $("#loading").hide();
})
</script>
 <link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css"> <style type="text/css">
#loading{
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
</style>


<div   class="1as7wdt"   id="loading">Loading content, please wait.. <img alt="loading.." src="loading.gif" mce_src="loading.gif" /> </div>
<div   class="6hwpbsl"   id="lanrenzhijia">
<ul id="lanren_nav" class="jd_menu" style="font-size:18px;font-weight:bold;color:#ff0;text-align:center;line-height:31px;">阿薩范德薩地方 </ul>
</div>
 

<div style="height:1500px;background:#ccc;padding-bottom:10px;text-align:center;padding-top:10px;padding-left:10px;margin:0px auto;padding-right:10px;width:100%;">阿斯發達 </div>
 

<div style="height:50px;background:#000;position:fixed;color:#ff0;padding-bottom:10px;text-align:center;padding-top:10px;padding-left:10px;margin:0px auto;padding-right:10px;width:100%;bottom:0px;">阿斯發達</div>

提示：復制和保存代碼功能在FF下無效。

上一篇：唐山網絡公司十一國慶節放假通知
下一篇：十一小長假百度瀏覽器搶小米超過萬余臺

地址：中國.唐山市路北區尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：www.02o9j.com.cn聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 www.02o9j.com.cn

主站蜘蛛池模板：久久精品国产一区二区三级| 无码福利高清视频| 亚洲色欲久久久久综合网| 野战视频一区二区| 午夜精品久久久久久99热小说| 亚洲AV无码JULIA在线观看| 无码专区一区二区三区| 日本人妻一区二区三区免费在线 | 亚洲AV无码日韩| 色情尤物在线看| 欧美日韩一区二区三区在线观看| 男女无遮挡羞羞| 精品久久久久久久久久国产小说| 国产美脚交足视频在线观看| 成人国产精品秘在线看| 中文字幕无码精品亚洲资源网站| 亚洲精品一区二区三区四区乱码| 无码激情交换国产| 欧美一区二区三区不卡在线精品| 美女视频免费看一区二区| 精品久久久久久97人妻免费网| 国产精品国产三级揄拍| AⅤ一区二区三区四区| 亚洲欧美日韩另类在线| 舌吻久久亚洲无码视频| 欧美黑人粗大又又又又又又又又 | ...内容不卡免费国产精品人妻无 ...无码人妻精品一二三区免费- ..日韩AV毛片精品久久久 | 男生插女生视频91| 国产又白又嫩又爽又黄| ZZJJ国产精品一区二区| 亚洲欧美在线免费观看| 日本美女一区二区三区四区 | 欧洲站一区二区在线| 久久精品一区二区三区亚洲小说| 国产精品无码久久AV不卡色欲| 91在线精品视频网址导航| 相泽南无码综合在线| 欧美国产日韩XXX| 国产一区日韓歐美| 最新精品99久久亚州精品旡马视频 | 免费无码国产真人视频九色|

<samp id="7pciz"><acronym id="7pciz"><label id="7pciz"></label></acronym></samp>

<span id="7pciz"></span>