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公司所有。
http://edpills.men/# online erectile dysfunction
Процесс получения диплома стоматолога: реально ли это сделать быстро?
ed rx online: where can i get ed pills – online prescription for ed
buy drug online drugs1st drugs1st
http://cenforce.icu/# cenforce.icu
Официальная покупка диплома вуза с сокращенной программой в Москве
Реально ли приобрести диплом стоматолога? Основные шаги
п»їcytotec pills online: buy cytotec over the counter – buy cytotec pills
лечения наркозависимости в стационаре лечения наркозависимости в стационаре .
where buy generic clomid pill: can i order generic clomid tablets – where can i buy clomid without insurance
lisinopril 40 mg without prescription lisinopril 20 mg brand name lisinopril 80mg tablet
Купить диплом в России, предлагает наша компания
cytotec abortion pill cytotec abortion pill cytotec buy online usa
It is really a nice and useful piece of information. I am glad that you shared this useful information with us. Please keep us up to date like this. Thank you for sharing.
order cytotec online: cytotec abortion pill – buy cytotec pills online cheap
Looking for my services. check my blog
Looking for my services. check my blog
https://cytotec.top/# buy cytotec in usa
where can i buy zithromax in canada: zithromax online usa no prescription – purchase zithromax online
http://clomid.store/# cost of clomid
zestril 10 mg price zestoretic 20 25 mg zestoretic 5 mg
cost of generic zithromax: zithromax for sale online – zithromax capsules australia
Узнайте стоимость диплома высшего и среднего образования и процесс получения
prinivil 10 mg: lisinopril generic over the counter – lisinopril india
where to buy cipro online buy cipro online where can i buy cipro online
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
can you buy zithromax over the counter in mexico: zithromax 250mg – zithromax cost
https://clomid.store/# where can i buy clomid without rx
вывод из запоя в стационаре анонимно вывод из запоя в стационаре анонимно .
лечения наркозависимости в стационаре лечения наркозависимости в стационаре .