快捷導(dǎo)航

Javascript jquery css 寫(xiě)的簡(jiǎn)單進(jìn)度條控件

更新時(shí)間：2008年03月30日 12:37:09 作者：

很多的時(shí)候用戶需要等待你“臃腫”的 Javascript 代碼處理完成（Web 2.0 的特色）。期間或許加入一個(gè)類(lèi)似于進(jìn)度條的東西讓用戶有點(diǎn)“安慰”。這個(gè)東西實(shí)現(xiàn)起來(lái)并不復(fù)雜，無(wú)非就是獲得總的處理?xiàng)l目，然后獲得一個(gè)百分比，再顯示輸出。

通過(guò)我們偉大的 CSS，可以實(shí)現(xiàn)非常漂亮的進(jìn)度條樣式。加上 Javascript 的效果，就可以完全“欺騙”我們的用戶，讓他們有耐心等待瀏覽器處理完成。上述的原理已經(jīng)知道了，那么就可以直接看代碼了。本人使用的還是 jQuery 框架，因?yàn)檫@樣簡(jiǎn)短的代碼可能會(huì)更容易理解。

當(dāng)然這個(gè)控件還有很多需要完成的地方，我僅僅是提供了一種遵循 Web 標(biāo)準(zhǔn)的實(shí)現(xiàn)思路。廢話不多說(shuō).

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

jquery彈出層類(lèi)代碼分享
jquery彈層類(lèi)代碼分享，大家參考使用吧
2013-12-12
Jquery+Ajax實(shí)現(xiàn)跨域訪問(wèn)
這篇文章介紹了Jquery實(shí)現(xiàn)Ajax跨域訪問(wèn)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法
本節(jié)主要介紹了jQuery如何獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本，下面有個(gè)示例，大家可以參考下
2014-07-07
jquery仿百度經(jīng)驗(yàn)滑動(dòng)切換瀏覽效果
本文給大家分享的是使用jQuery實(shí)現(xiàn)仿百度經(jīng)驗(yàn)華東切換瀏覽效果，非常的炫酷，推薦給大家。有需要的小伙伴可以參考下
2015-04-04
jQuery滾動(dòng)條美化插件nicescroll簡(jiǎn)單用法示例
這篇文章主要介紹了jQuery滾動(dòng)條美化插件nicescroll簡(jiǎn)單用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery滾動(dòng)條美化插件jquery.nicescroll.js的引入與使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2018-04-04
簡(jiǎn)單實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
精選的10款用于構(gòu)建良好易用性網(wǎng)站的jQuery插件
這篇隨筆收集了10款非常給力的jquery 插件，幫助你構(gòu)建易用性良好的網(wǎng)站，希望對(duì)你有用！
2011-01-01
jQuery中filter()方法用法實(shí)例
這篇文章主要介紹了jQuery中filter()方法用法,實(shí)例分析了filter()方法的功能、定義及篩選的幾種使用技巧,需要的朋友可以參考下
2015-01-01
jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
這篇文章主要介紹了jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法,結(jié)合實(shí)例形式詳細(xì)分析了filter的功能及4種具體用法,需要的朋友可以參考下
2016-04-04
jQuery實(shí)現(xiàn)放大鏡效果實(shí)例代碼
在一些電商網(wǎng)站我們都見(jiàn)到使用過(guò)放大鏡來(lái)查看商品詳情，那么基于jquery代碼是如何實(shí)現(xiàn)放大鏡效果的呢？下面由腳本之家小編給大家分享jquery代碼實(shí)現(xiàn)放大鏡效果
2016-03-03