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公司所有。
mexican pharmaceuticals online: Mexico pharmacy online – mexico pharmacies prescription drugs
https://indiapharmacy.shop/# indianpharmacy com
india pharmacy: Best Indian pharmacy – п»їlegitimate online pharmacies india
Thanks for the tips you have discussed here. Furthermore, I believe there are a few factors which keep your car insurance policy premium lower. One is, to take into account buying vehicles that are in the good list of car insurance firms. Cars that are expensive are definitely more at risk of being lost. Aside from that insurance is also based on the value of your car or truck, so the more pricey it is, then higher the premium you only pay.
Thanks for your submission. I also feel that laptop computers are getting to be more and more popular right now, and now are often the only kind of computer found in a household. Simply because at the same time actually becoming more and more reasonably priced, their computing power keeps growing to the point where they can be as strong as personal computers coming from just a few years ago.
mexican mail order pharmacies: Best pharmacy in Mexico – medicine in mexico pharmacies
Shop the latest trends at ag jeans.
https://indiapharmacy.shop/# top 10 pharmacies in india
best online pharmacies in mexico: mexico pharmacy win – mexico drug stores pharmacies
purchase imusporin without prescription – buy cheap generic methotrexate buy colcrys cheap
Hello there, just become alert to your blog via Google, and located that it is really informative. I am gonna be careful for brussels. I?ll appreciate in case you continue this in future. Lots of folks will be benefited from your writing. Cheers!
medication from mexico pharmacy: Purple pharmacy online ordering – mexico drug stores pharmacies
https://edpillpharmacy.store/# buy erectile dysfunction medication
Thanks for this article. I’d personally also like to convey that it can often be hard when you’re in school and merely starting out to establish a long history of credit. There are many learners who are merely trying to make it and have a protracted or good credit history can be a difficult issue to have.
Hello There. I found your blog using msn. This is a very well written article. I?ll be sure to bookmark it and return to read more of your useful information. Thanks for the post. I?ll definitely return.
top 10 online pharmacy in india: indian pharmacy – indian pharmacies safe
Shop stylish fashion at Z SUPPLY Clothing.
https://mexicopharmacy.win/# mexican drugstore online
I used to be suggested this website by my cousin. I am no longer certain whether this publish is written through him as nobody else realize such targeted about my trouble. You’re wonderful! Thanks!
buying prescription drugs in mexico online: Best pharmacy in Mexico – mexico pharmacies prescription drugs
Explore a curated collection of fashion at fjallraven outlet.
https://mexicopharmacy.win/# purple pharmacy mexico price list
online ed treatments
best online pharmacy india: Best Indian pharmacy – buy medicines online in india
http://mexicopharmacy.win/# mexican pharmaceuticals online
online ed meds
http://mexicopharmacy.win/# mexico drug stores pharmacies
mexican online pharmacies prescription drugs: Medicines Mexico – best online pharmacies in mexico
Good ? I should definitely pronounce, impressed with your website. I had no trouble navigating through all tabs as well as related info ended up being truly easy to do to access. I recently found what I hoped for before you know it at all. Quite unusual. Is likely to appreciate it for those who add forums or something, web site theme . a tones way for your customer to communicate. Excellent task..
viagra dosage: Cheap Viagra 100mg – buy viagra online
Hey very nice website!! Man .. Beautiful .. Amazing .. I will bookmark your website and take the feeds also?I am happy to find numerous useful information here in the post, we need develop more strategies in this regard, thanks for sharing. . . . . .
https://sildenafil.llc/# viagra price