jQuery Plugin – Pace
在很多年以前,大家一定都看過整個利用Flash來完成的網頁,因為這樣的網頁檔案會比較大一些,所以在進入時總會有個讀取進度的畫面來讓人判斷目前頁面讀取了多少,但在如今行動裝置處處皆是的狀況之下,全Flash的頁面已經不符合現代人的閱讀需求了,所以現在流行的「單頁式網頁」就僅僅是利用HTML、CSS、javascript…等前端網頁語法來完成的,但如果希望網頁檔案漂亮,又要符合RWD(自適應網頁設計),就還是有可能會讓整個網頁載入的檔案變得比較大一些,今天就跟大家來分享一個jQuery的外掛,這個外掛可以很方便地幫我們在這樣的頁面上加上載入進度,而且不用寫任何的程式唷!
這個外掛的名稱是Pace,大家可以先到他的官方網頁(備用載點)上面去下載所需要的PACE.JS和CSS,而CSS的部分主要是拿來決定載入進度的外觀,官網大概提供了14種樣式的CSS讓我們使用。
下載完成後只需要將CSS和JS引用進我們的網頁即可,比較需要注意的是因為這是網頁載入進度,所以最後須要把網頁上傳到網路空間之後,才可以比較正確的看到讀取的效果。
<script type="text/javascript" src="pace.min.js"></script> <link rel="stylesheet" type="text/css" href="pace.css"/>
參考馬老師製作的範例網頁
olyraon 341c3170be http://www.iran-emrooz.net/index.php?URL=https://xn--wo-6ja.com/upload/files/2022/05/lg9nol9CcfZZPqeyhlFk_17_80551f8a1d33a4f9a6cfc1f6d98be58e_file.pdf
modafinil 100mg brand modafinil buy online
erythromycin how to apply erythromycin
janaell 807794c184 https://www.mattbartolo.com/profile/lennynrebecatalena/profile
cecmik 807794c184 https://www.colegiointernacional.edu.mx/profile/markeecereanabendik/profile
rozeelv 807794c184 https://maps.google.com.qa/url?q=https://www.mattbartolo.com/profile/lennynrebecatalena/profile
purchase modafinil pills order generic provigil 100mg
purchase modafinil sale
jerche 807794c184 https://www.gourmandisesetbeauxobjets.fr/profile/georginahhammett/profile
harlglo 807794c184 https://toolbarqueries.google.com.pg/url?q=https://zh.memartau.com/profile/faustowjamiiavolleah/profile
lenfen 807794c184 https://cse.google.am/url?sa=i&url=https://www.jenisemills.com/profile/phylliciasadziah/profile
caresoo 807794c184 http://indorsys.ru/bitrix/rk.php?goto=https://www.zalense.co.nz/profile/PsKill-Crack-Activation-Key-X64/profile
whytgill 807794c184 https://images.google.li/url?sa=t&url=https://www.brewstatebaseballacademy.com/profile/nancyahlorianndanisa/profile
heyforr 807794c184 http://doralpromo.biz/__media__/js/netsoltrademark.php?d=https://www.kehilapo.com/profile/jarrythmaurisawilone/profile
buy provigil 100mg pill order provigil 200mg pills
provigil uk
gibsphil 807794c184 https://www.google.ee/url?sa=t&url=https://www.troop137fbgtx.org/profile/ninonaninonachantilla/profile
viltan 807794c184 https://www.fashioncrossing.com/lcjsjobdetail.php?&source=ZipRecruiter&keyword=&location=harlingen+tx&url=https://www.jjcmarketingsolutions.com/profile/Patlak-Crack-Free-Download-Latest2022/profile
order modafinil 100mg generic brand modafinil buy generic modafinil 100mg
stromectol price usa buy stromectol online stromectol price usa
kartye 7bd55e62be https://www.sjs-mechanical.com/profile/Tees-Maar-Khan-Full-Movie-In-Hindi-Hd-1080p-Download-Torrent-HOT/profile
taksta 7bd55e62be https://www.orit-zilberman.com/profile/FREE-Kitab-Akhlaqul-Banin-Pdf-Download/profile
amewah 7bd55e62be https://www.rdswatch.com/profile/wetherleighwetherleigh/profile
magnokap 7bd55e62be https://www.deliver-hope.org/profile/Pirates-Of-The-Caribbean-On-Stranger-Tides-2011/profile
natsah 7bd55e62be https://www.missdiamondaustralia.com/profile/breanahelldoranasyah/profile
rhinocort sale – purchase budesonide order generic disulfiram 250mg
pryparl 7bd55e62be https://www.martystrecker.com/profile/Shivlilamrut-11-Adhyay-Pdf-In-Marathi-Free-WORK-Download/profile
modafinil 100mg pills cheap modafinil 200mg order modafinil
modafinil 100mg us buy modafinil 100mg online
yazmies 7bd55e62be https://www.korsbaret.se/profile/yudittayudittayuditta/profile