基于jquery的loading效果實(shí)現(xiàn)代碼
更新時(shí)間：2010年11月05日 22:32:59 作者：
基于jquery的loading效果實(shí)現(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;}
一個(gè)基于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;}
一個(gè)基于jquery的loading效果就完成咯。
您可能感興趣的文章:
- IOS中UIWebView加載Loading的實(shí)現(xiàn)方法
- 基于jquery的loading 加載提示效果實(shí)現(xiàn)代碼
- 擴(kuò)展easyui.datagrid，添加數(shù)據(jù)loading遮罩效果代碼
- 制作Flash Loading 加載進(jìn)度條
- 三款A(yù)ndroid炫酷Loading動(dòng)畫組件推薦
- JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)
- js loading加載效果實(shí)現(xiàn)代碼
- 收集的幾個(gè)漂亮的loading圖片
- 很酷的javascript loading效果代碼
- iOS動(dòng)畫教你編寫Slack的Loading動(dòng)畫進(jìn)階篇
相關(guān)文章
jQuery實(shí)現(xiàn)HTML5 placeholder效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)HTML5 placeholder效果實(shí)例,本文目的主要是在需要兼容一些瀏覽器時(shí)使用,需要的朋友可以參考下2014-12-12
jQuery的Ajax的自動(dòng)完成功能控件簡(jiǎn)要說明
jQuery的Ajax的自動(dòng)完成功能 允許您輕松地創(chuàng)建自動(dòng)完成/自動(dòng)提示框的文本輸入字段;如果沒有特定查詢的結(jié)果，它停止發(fā)送請(qǐng)求到服務(wù)器的其他查詢感興趣的朋友可以參考下啊2013-02-02
jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery包裹節(jié)點(diǎn)用法,結(jié)合完整實(shí)例形式分析了jQuery中wrap方法包裹節(jié)點(diǎn)的使用技巧,注釋中還包含了wrapAll與wrapInner方法的使用,需要的朋友可以參考下2016-09-09
jQuery不間斷滾動(dòng)效果(模擬百度新聞支持文字/圖片/垂直滾動(dòng))
jQuery模擬百度新聞不間斷滾動(dòng)效果并且支持文字、圖片水平垂直滾動(dòng)等等，感興趣的朋友可以了解下，或許本文所提供的案例對(duì)你學(xué)習(xí)jquery特效有所幫助,好了話不多說，切入正題2013-02-02
jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁顯示數(shù)據(jù)實(shí)例講解
這是一個(gè)典型的Ajax應(yīng)用，在頁面上，您只需要點(diǎn)擊“下一頁”，數(shù)據(jù)區(qū)將自動(dòng)加載對(duì)應(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實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法,涉及jQuery事件響應(yīng)及針對(duì)table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
jQuery使用before()和after()在元素前后添加內(nèi)容的方法
這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內(nèi)容的方法,實(shí)例分析了jQuery中before()和after()方法添加內(nèi)容的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
基于jQuery實(shí)現(xiàn)仿51job城市選擇功能實(shí)例代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)仿51job城市選擇功能實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-03-03