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公司所有。
Prix du Viagra en pharmacie en France: acheter du viagra – Viagra pas cher inde
SildГ©nafil 100 mg prix en pharmacie en France viagra en ligne Viagra pas cher paris
wonderful post, very informative. I wonder why the other experts of this sector do not notice this. You should continue your writing. I am confident, you have a huge readers’ base already!
vente de mГ©dicament en ligne: pharmacie en ligne france livraison internationale – pharmacie en ligne france fiable
pharmacie en ligne france fiable cialis generique Pharmacie en ligne livraison Europe
SildГ©nafil 100mg pharmacie en ligne: Viagra pharmacie – Viagra pas cher paris
http://viagrameilleurprix.com/# SildГ©nafil Teva 100 mg acheter
trouver un mГ©dicament en pharmacie
Тут можно преобрести купить противопожарный сейф сейфы пожаростойкие
http://viagrameilleurprix.com/# SildГ©nafil Teva 100 mg acheter
pharmacie en ligne france livraison belgique
pharmacie en ligne france fiable https://kamagrameilleurprix.shop/# Pharmacie Internationale en ligne
pharmacie en ligne livraison europe https://pharmaciemeilleurprix.com/# pharmacie en ligne fiable
pharmacie en ligne france pas cher: pharmacie en ligne – acheter mГ©dicament en ligne sans ordonnance
http://tadalafilmeilleurprix.com/# Pharmacie en ligne livraison Europe
pharmacie en ligne pas cher
Viagra sans ordonnance pharmacie France: viagra en ligne – п»їViagra sans ordonnance 24h
Sailboats offer a peaceful and eco-friendly way to travel. Unlike motorboats, they rely on wind power, making them a favorite among those who enjoy traditional sailing. Learning to sail takes practice, but once you master it, you can explore the ocean without fuel costs. Many sailboats come with modern navigation systems, making long voyages easier. Whether racing or cruising, sailing is a rewarding experience that connects you to nature.
pharmacie en ligne france livraison belgique: achat kamagra – pharmacie en ligne livraison europe
pharmacie en ligne france livraison internationale: pharmacie en ligne pas cher – pharmacie en ligne france pas cher
pharmacies en ligne certifiГ©es: kamagra pas cher – Pharmacie sans ordonnance
pharmacie en ligne france fiable cialis generique pharmacie en ligne avec ordonnance
Achat mГ©dicament en ligne fiable: cialis sans ordonnance – п»їpharmacie en ligne france
pharmacie en ligne france livraison internationale https://tadalafilmeilleurprix.shop/# Achat mГ©dicament en ligne fiable
http://viagrameilleurprix.com/# Viagra gГ©nГ©rique sans ordonnance en pharmacie
pharmacie en ligne livraison europe
pharmacie en ligne pas cher https://tadalafilmeilleurprix.com/# acheter mГ©dicament en ligne sans ordonnance
https://viagrameilleurprix.com/# Viagra homme prix en pharmacie
pharmacie en ligne france pas cher
pharmacie en ligne http://viagrameilleurprix.com/# Viagra vente libre pays
Viagra vente libre pays: Viagra sans ordonnance 24h – Sildenafil teva 100 mg sans ordonnance
pharmacie en ligne france livraison belgique pharmacie en ligne pas cher pharmacie en ligne pas cher
Boat maintenance is essential to keep your vessel in top condition. Regularly checking the engine, cleaning the hull, and inspecting safety equipment can prevent costly repairs. Using the right marine coatings can protect the boat from saltwater damage. Proper winterization helps prevent damage during the off-season. A well-maintained boat lasts longer and provides a safer and more enjoyable experience.
Viagra femme ou trouver: Acheter Viagra Cialis sans ordonnance – SildГ©nafil Teva 100 mg acheter
pharmacie en ligne achat kamagra pharmacie en ligne fiable