首頁 > web前端 > js教程 > 主體

jquery實作的一個簡單進度條效果實例_jquery

WBOY
發布: 2016-05-16 16:48:43
原創
1301 人瀏覽過

jquery實現一個進度條的效果,或許在這裡沒有什麼實際的作用,但是已經實現了進度條的部分原理,前端是怎麼實現那種進度效果的。

效果示範:

jquery實作的一個簡單進度條效果實例_jquery

進度條實作原始碼:

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製碼如下:






jquery實作進度條


  bar = setInterval(function(){   nowWidth = parseInt($("#bar").width());   //寬度要大於>   if(nowWidth    barWidth    barWidth = (nowWidth 1) "px";    $("#bar").css("width",barWidth); >    //進度條讀滿後,停止    clearInterval(bar);   }   },speed); }  },speed); }   
 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!