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公司所有。
https://balloonigra.kz/# Рграйте РїРѕ СЃРІРѕРёРј правилам РЅР° автомате.
balloon казино официальный сайт balloon казино демо Соревнуйтесь СЃ РґСЂСѓР·СЊСЏРјРё РЅР° игровых автоматах.
Сыграйте РЅР° деньги, почувствуйте азарт!: balloon игра на деньги – balloon казино играть
Казино — это место для больших выигрышей.: balloon game – balloon игра
I took my pup to Charlotte Dog Park last weekend, and she had the time of her life running around with all the other dogs!
Автоматы Ballon поднимают настроение каждому.: balloon казино играть – balloon казино
Thanks for enabling me to acquire new tips about personal computers. I also hold the belief that one of the best ways to help keep your notebook in leading condition is a hard plastic material case, or maybe shell, that fits over the top of one’s computer. Most of these protective gear are generally model distinct since they are manufactured to fit perfectly within the natural covering. You can buy these directly from the vendor, or through third party sources if they are designed for your laptop, however only a few laptop could have a spend on the market. Again, thanks for your tips.
They offer invaluable advice on health maintenance.
lisinopril 5 mg canada
They have a great selection of wellness products.
Drug information.
gabapentin neurontin hot flashes
A beacon of excellence in pharmaceutical care.
https://akhbutina.kz/# Казино всегда предлагает выгодные акции.
balloon казино balloon казино Казино предлагает отличные условия для РёРіСЂС‹.
Казино — РјРёСЂ азартных приключений.: balloon казино – balloon игра на деньги
Ballon радует РёРіСЂРѕРєРѕРІ разнообразием функций.: balloon казино – balloon игра
Ставь РЅР° деньги Рё выигрывай легко!: balloon игра на деньги – balloon казино демо
Рграйте РІ Ballon Рё наслаждайтесь процессом.: balloon игра – balloon казино официальный сайт
https://neokomsomol.kz/# Ballon — это ваш шанс на победу.
Казино — это место для больших выигрышей.: balloon казино – balloon казино демо
Ballon радует РёРіСЂРѕРєРѕРІ разнообразием функций.: balloon казино демо – balloon казино демо
balloon казино демо balloon казино Ballon — автомат СЃ захватывающим сюжетом.
Автоматы Ballon поднимают настроение каждому.: balloon game – balloon игра
Погрузитесь РІ РјРёСЂ азартных РёРіСЂ.: balloon казино – balloon казино демо
balloon казино играть balloon игра на деньги Казино — место для увлекательных РёРіСЂ.
Ргровые автоматы делают вечер незабываемым.: balloon game – balloon игра на деньги
https://neokomsomol.kz/# Ргровые автоматы делают вечер незабываемым.
Выигрывайте большие СЃСѓРјРјС‹ РЅР° автоматах!: balloon казино играть – balloon казино официальный сайт
Казино — это шанс РЅР° финансовую СЃРІРѕР±РѕРґСѓ.: balloon game – balloon казино демо
Сыграйте РЅР° деньги, почувствуйте азарт!: balloon казино играть – balloon игра на деньги
Рграть РІ казино — всегда интересное приключение.: balloon казино официальный сайт – balloon казино играть
Казино — РјРёСЂ азартных приключений.: balloon казино официальный сайт – balloon казино демо
https://balloonigra.kz/# Попробуйте выиграть на автомате Ballon!