基于jquery的loading效果實現(xiàn)代碼
更新時間：2010年11月05日 22:32:59 作者：
基于jquery的loading效果實現(xiàn)代碼，需要的朋友可以參考下。
在代碼<head></head>里加入以下代碼：
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代碼：
<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的這代碼必須保證在網(wǎng)頁載入的最前面。
接著是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;}
一個基于jquery的loading效果就完成咯。
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代碼：
<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的這代碼必須保證在網(wǎng)頁載入的最前面。
接著是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;}
一個基于jquery的loading效果就完成咯。
相關(guān)文章
jQuery實現(xiàn)HTML5 placeholder效果實例
這篇文章主要介紹了jQuery實現(xiàn)HTML5 placeholder效果實例,本文目的主要是在需要兼容一些瀏覽器時使用,需要的朋友可以參考下2014-12-12
jQuery的Ajax的自動完成功能 允許您輕松地創(chuàng)建自動完成/自動提示框的文本輸入字段;如果沒有特定查詢的結(jié)果，它停止發(fā)送請求到服務(wù)器的其他查詢感興趣的朋友可以參考下啊2013-02-02
jQuery實現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單
這篇文章主要介紹了jQuery實現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery包裹節(jié)點用法,結(jié)合完整實例形式分析了jQuery中wrap方法包裹節(jié)點的使用技巧,注釋中還包含了wrapAll與wrapInner方法的使用,需要的朋友可以參考下2016-09-09
jQuery不間斷滾動效果(模擬百度新聞支持文字/圖片/垂直滾動)
jQuery模擬百度新聞不間斷滾動效果并且支持文字、圖片水平垂直滾動等等，感興趣的朋友可以了解下，或許本文所提供的案例對你學(xué)習(xí)jquery特效有所幫助,好了話不多說，切入正題2013-02-02
jQuery+Ajax+PHP+Mysql實現(xiàn)分頁顯示數(shù)據(jù)實例講解
這是一個典型的Ajax應(yīng)用，在頁面上，您只需要點擊“下一頁”，數(shù)據(jù)區(qū)將自動加載對應(yīng)頁碼的數(shù)據(jù)，重新刷新數(shù)據(jù)區(qū)。類似的效果在很多網(wǎng)站上應(yīng)用，尤其在一些需要展示大量圖片數(shù)據(jù)的網(wǎng)頁如淘寶商品列表頁，Ajax分頁效果讓您的網(wǎng)站數(shù)據(jù)加載顯得非常流暢。2015-09-09
$.format,jquery.format 使用說明，需要的朋友可以參考下。2011-07-07
jQuery實現(xiàn)獲取table中鼠標(biāo)click點擊位置行號與列號的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table中鼠標(biāo)click點擊位置行號與列號的方法,涉及jQuery事件響應(yīng)及針對table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
jQuery使用before()和after()在元素前后添加內(nèi)容的方法
這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內(nèi)容的方法,實例分析了jQuery中before()和after()方法添加內(nèi)容的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼
這篇文章主要介紹了基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼的相關(guān)資料,需要的朋友可以參考下2016-03-03