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"/>
參考馬老師製作的範例網頁
what is erythromycin used to treat azithromycin vs erythromycin
d3vph
hlhx8
xefu
vardenafil price – methylprednisolone 16 mg without prescription buy generic clomiphene 100mg
erythromycin wiki erythromycin 500mg
order lisinopril 10mg for sale – purchase tenormin generic generic atenolol 100mg
erythromycin topical https://erythromycin1m.com/#
purchase glucophage pills – metformin pill amlodipine cost
jglbn
41mj5
1q08
erythromycin for fish tanks erythromycin for fish tanks
order generic plaquenil 400mg – buy aralen online cheap buy generic baricitinib
u9ci0
2s6jq
fubv
erythromycin ophthalmic ointment 0.5
furosemide 40mg tablet – doxycycline 200mg us ivermectin 1 cream
buy prednisolone pills – prednisolone 40mg oral viagra 100mg pills for men
erythromycin 250mg tablets https://erythromycin1m.com/#
erythromycin ophthalmic eye drops erythromycin ophthalmic ointment for pink eye
amoxil 1000mg pill – sildenafil 200mg for sale buy sildenafil generic
cialis en mexico tadalafil cialis free trial voucher
buy cialis online in canada generic version of cialis cialis 10 mg tablet
cialis super active for cheap cialis buy generic cialiss
deltasone generic – ed pills that work buy accutane 40mg pill
cialis and viagra together tadalafil 20mg best price cialis online australia
erythromycin ingredients erythromycin ophthalmic ointment usp
cialis a domicilio new jersey best price for daily cialis viagra cialis
tadalafil 10mg cheap – purchase modafinil provigil order
erythromycin ophthalmic ointment 0.5 erythromycin vs tetracycline
cialis discount generic tadalafil 20mg india cialis most trusted
viagra over the counter viagra coupon viagra over the counter
viagra cost sildenafil 100 mg online doctor prescription for viagra
doxycycline tablet – doxycycline tablet buy tadalafil 40mg pill