jQuery Plugin – Rotating Banner
很多商業網站中都會需要輪播的廣告,來介紹該網站中所販售的所有商品,而這樣的輪播廣告過往都使用Flash來設計,但按照前幾篇文章所提,當然也要繼續「去Flash化」,所以這次馬老師利用到了jQuery來製作了輪播式的廣告橫幅給大家參考,除了我的範例之外,大家也可以到jQuery Rotating Banner的官網逛逛,說不定會有更多的收穫!
程式碼說明:在網頁中套用jpb_slides類別的div就是置入廣告圖檔的div,但要注意廣告圖檔的寬度、高度,本範例之圖檔為w:715px、h:215px,所以要找到CSS檔中的#jqb_object和.jqb_slide修改div寬、高。
<div id="jqb_object"> <div class="jqb_slides"> <div class="jqb_slide" title="NEZ-E460 精彩外型 耀你看見" ><a href="img/b1.jpg"><img src="img/b1.jpg" width="715" height="215" alt="" /></a></div> <div class="jqb_slide" title="SONY 開箱驚喜 加碼抽大獎" ><a href="img/b2.jpg"><img src="img/b2.jpg" width="715" height="215" alt="" /></a></div> <div class="jqb_slide" title="VAIO Z 創新演繹 來自日本" ><a href="img/b3.jpg"><img src="img/b3.jpg" width="715" height="215" alt="" /></a></div> <div class="jqb_slide" title="NWZ-W262 更輕更小 防水無線" ><a href="img/b4.jpg"><img src="img/b4.jpg" width="715" height="215" alt="" /></a></div> <div class="jqb_slide" title="Xperia ray 優雅出眾 絕美設計" ><a href="img/b5.jpg"><img src="img/b5.jpg" width="715" height="215" alt="" /></a></div> <div class="jqb_slide" title="DSC-TX100V 瞬間精彩 片刻生動" ><a href="img/b6.jpg"><img src="img/b6.jpg" width="715" height="215" alt="" /></a></div> </div> <div class="jqb_bar"> <div class="jqb_info"></div> <div id="btn_next" class="jqb_btn jqb_btn_next"></div> <div id="btn_pauseplay" class="jqb_btn jqb_btn_pause"></div> <div id="btn_prev" class="jqb_btn jqb_btn_prev"></div> </div> </div>
CSS中jqb_bar類別是用來控制下方半透明區塊,如果有需要也可以自行更改成所需的大小,大家看完後有任何問題歡迎在此回應,謝謝!
註:本範例所使用的圖片版權屬於Sony公司所有。
college essay writers block
help for essay writing
help me essay
valsartan brand diovan pills order valsartan 80 mg online cheap
oxybutynin 5mg oral buy amitriptyline 50mg sale order furadantin 100 mg sale
definition essay help
essay community service
lord of the flies essay help
customized essay
best college application essay service
help writing a comparison and contrast essay
order generic ramipril 5mg cheap buspirone 10mg coreg 25mg ca
order nebivolol pills buy nebivolol 10 mg generic buy bystolic 10 mg
essay helper online
cheap essay services
essay writing assignment help
buy colchicine pills erectile dysfunction drug plavix ca
top essay editing service
essay writing service forum
custom essay meister review
bystolic 10 mg cost buy bystolic bystolic 10 mg sale
help writing my college essay
best online essay editing service
hire someone to write my essay
order prograf 1mg generic cheap tacrolimus 1mg oral fenofibrate 200mg
essay writer software
help write essay online
buy essay papers
purchase avapro buy clobetasol pill order pepcid 20mg sale
service learning reflection essay
essay writing service online
custom my essay
https://kittycracks.com/
74cd785c74 reagilys
order generic vardenafil 60 mg oral vardenafil 60 mg vardenafil 20mg ca
https://softmaster.pro/
74cd785c74 lennkend
https://cracksmagic.com/
74cd785c74 jasbar
college essay services
essay writing service usa
essay writing websites
clarinex 5mg us purchase clarinex generic buy mesalamine 400mg pill
essay homework help online
i need help writing my essay
mba admission essay writing service
HOW TO FIX GTA IV FATAL ERROR!! DFA WAS NOT INITIALIZED PROPERLY IN WINDOWS 10 FROM ADI K … ดาวน์โหลด
HOW TO FIND THE DOS SERIES IN GTA 4
Published by: aaa
Playing GTA 5 Online on PC.
Today we volunteered to go through an unrealistic obstacle course and will we be able to
Survival in GTA 5 with mods!
Today, my friends and I decided to go to a desert island, where there are
Passage of GTA 4 (GTA 4) – mission Where are these series? or How to fix DFA error?
How to pass GTA 4 and others  https://foxcracks.com/
3159f51914 melvjen
buy atorvastatin 80mg without prescription order lipitor 10mg without prescription buy pregabalin sale
i need help on writing an essay
write my history essay
essay revision service
kamagra 50mg uk buy kamagra generic order sildenafil without prescription
zanaflex drug order generic tadalafil order tadalafil 40mg without prescription
professional essay writers review
cheap essays for sale
top essay writers
pregabalin cost buy lyrica 75 mg online cheap buy lyrica 75 mg online