亚洲中文字幕无码久久2020,日韩欧美亚洲乱码中文字幕,亚洲人成在线中文字幕

<ul id="y2oa0"></ul>

<strike id="y2oa0"></strike>

<ul id="y2oa0"></ul>

<abbr id="y2oa0"></abbr>

<ul id="y2oa0"></ul>

首頁 > 網站建設中，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="x5pxt5j"   id="loading">Loading content, please wait.. <img alt="loading.." src="loading.gif" mce_src="loading.gif" /> </div>
<div   class="nxrlfbb"   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.ygklt.com聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

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