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公司所有。
Can I just say what a reduction to seek out someone who really is aware of what theyre speaking about on the internet. You undoubtedly know learn how to deliver a problem to light and make it important. More folks need to learn this and perceive this side of the story. I cant believe youre not more well-liked because you definitely have the gift.
Быстрая схема покупки диплома старого образца: что важно знать?
gГјvenilir casino siteleri: canlД± casino bonusu veren siteler – saДџlam bahis siteleri 2025
геолокация телефона по номеру геолокация телефона по номеру .
http://slottr.top/# slot tr online
https://pinup2025.com/# pinup 2025
casinox: para kazandД±ran sohbet siteleri – casД±no
Как приобрести аттестат о среднем образовании в Москве и других городах
Very good blog! Do you have any hints for aspiring writers? I’m hoping to start my own website soon but I’m a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m completely confused .. Any recommendations? Appreciate it!|
az parayla cok kazandiran slot oyunlar?: en cok kazand?ran slot oyunlar? – en kazancl? slot oyunlar?
https://pinup2025.com/# pinup 2025
There may be noticeably a bundle to find out about this. I assume you made sure good factors in features also.
пин ап зеркало: пин ап казино зеркало – пин ап казино
Everyone loves it when folks come together and share thoughts. Great website, keep it up!|
http://pinup2025.com/# пин ап
en gГјvenilir bahis bet gГјncel giriЕџ en iyi bahis siteleri 2024
cazinomaxi grand pasha bet en gГјvenilir online casino
http://pinup2025.com/# pinup 2025
video siteleri listesi: orjinal siteler – gГјvenilir casino
curacao lisans siteleri: en iyi yabancД± bahis siteleri – vidobet giriЕџ
Всё, что нужно знать о покупке аттестата о среднем образовании
Парадокс, но купить диплом кандидата наук оказалось не так и сложно
промокод на продамус скидка подключение http://promokod-prod.ru/ .
Купить диплом экономиста – оптимальное решение
пин ап казино официальный сайт пин ап казино пин ап
Гораздо большего можно добиться при помощи доброго слова и пистолета, нежели при помощи одного лишь доброго слова
https://abuse.g-u.su
https://slottr.top/# slot oyunlar? puf noktalar?
en iyi bahis sitesi hangisi para bahis gГјncel giriЕџ pronet giriЕџ
pinup2025.com: пинап казино – пин ап казино официальный сайт
yeni casino siteleri: casino deneme bonusu veren bahis siteleri – yeni+deneme+bonusu