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公司所有。
achat kamagra: kamagra gel – kamagra 100mg prix
Just desire to say your article is as surprising. The clarity in your post is just nice and i can assume you’re an expert on this subject. Fine with your permission let me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please carry on the gratifying work.
Acheter Kamagra site fiable kamagra oral jelly kamagra oral jelly
pharmacie en ligne fiable pharmacie en ligne sans ordonnance pharmacie en ligne pharmafst.shop
Профессиональный сервисный центр по ремонту Apple iPhone в Москве.
Мы предлагаем: сервисный ремонт айфонов в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
http://kamagraprix.com/# acheter kamagra site fiable
Achetez vos kamagra medicaments: kamagra oral jelly – kamagra livraison 24h
achat kamagra: Kamagra Oral Jelly pas cher – Kamagra Oral Jelly pas cher
cialis generique: Cialis sans ordonnance 24h – Acheter Viagra Cialis sans ordonnance tadalmed.shop
п»їpharmacie en ligne france: pharmacie en ligne sans ordonnance – pharmacie en ligne france livraison internationale pharmafst.com
Acheter Kamagra site fiable: kamagra pas cher – Achetez vos kamagra medicaments
kamagra livraison 24h acheter kamagra site fiable kamagra pas cher
Cialis sans ordonnance 24h Acheter Cialis 20 mg pas cher Acheter Cialis tadalmed.com
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервис центры бытовой техники москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Achat mГ©dicament en ligne fiable: Livraison rapide – pharmacie en ligne sans ordonnance pharmafst.com
https://kamagraprix.com/# kamagra livraison 24h
I¦ll immediately clutch your rss feed as I can’t find your e-mail subscription hyperlink or e-newsletter service. Do you’ve any? Kindly allow me understand so that I may just subscribe. Thanks.
Kamagra pharmacie en ligne: kamagra gel – kamagra 100mg prix
Achetez vos kamagra medicaments: Kamagra Oral Jelly pas cher – Acheter Kamagra site fiable
pharmacie en ligne france livraison internationale: Meilleure pharmacie en ligne – п»їpharmacie en ligne france pharmafst.com
Cialis generique prix: Cialis sans ordonnance 24h – Cialis sans ordonnance pas cher tadalmed.shop
Tadalafil sans ordonnance en ligne: Cialis sans ordonnance 24h – Acheter Viagra Cialis sans ordonnance tadalmed.shop
vente de mГ©dicament en ligne: Meilleure pharmacie en ligne – acheter mГ©dicament en ligne sans ordonnance pharmafst.com
Achetez vos kamagra medicaments Achetez vos kamagra medicaments kamagra gel
A formidable share, I just given this onto a colleague who was doing a bit of analysis on this. And he in truth purchased me breakfast as a result of I found it for him.. smile. So let me reword that: Thnx for the treat! However yeah Thnkx for spending the time to discuss this, I feel strongly about it and love studying extra on this topic. If possible, as you grow to be experience, would you mind updating your weblog with more particulars? It’s extremely useful for me. Massive thumb up for this weblog submit!
Kamagra Commander maintenant acheter kamagra site fiable Kamagra Commander maintenant
https://pharmafst.com/# acheter mГ©dicament en ligne sans ordonnance
Acheter Viagra Cialis sans ordonnance: Cialis sans ordonnance pas cher – Cialis sans ordonnance 24h tadalmed.shop
pharmacie en ligne avec ordonnance: Pharmacie en ligne France – vente de mГ©dicament en ligne pharmafst.com
Cialis generique prix: Tadalafil 20 mg prix sans ordonnance – Tadalafil achat en ligne tadalmed.shop