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公司所有。
ed pill best male ed pills
order cephalexin without prescription cephalexin 500mg without prescription order erythromycin 250mg generic
It iis apropriate time to make som plans for tthe future andd itt is time tto bee happy.
I have read this pst and if I could I wissh to suhgest you somje interesing things orr suggestions.
Maybe you could write nnext artjcles referring too
this article. I desire tto reaqd evgen more things abut it!
lyrica 150 mg over the counter pregabalin tablet oral lyrica 150 mg
canada pharmacy world buying drugs from canada
I’ve been looking for photos and articles on this topic over the past few days due to a school assignment, safetoto and I’m really happy to find a post with the material I was looking for! I bookmark and will come often! Thanks 😀
https://erectiledysfunctionpills.shop/# cheap erectile dysfunction
mail order pharmacy no prescription rx pharmacy no prescription
https://prednisone20mg.icu/# otc prednisone cream
A pooled analysis of data from 18 studies found women who ate a diet high in carotenoids had a decreased risk of estrogen receptor negative breast cancer but not estrogen receptor positive breast cancer 175 where to buy cialis online 2mcg kg bodyweight in the hamsters, while significantly higher doses of 200 800mg kg bodyweight are associated with decreased testosterone levels possibly secondary to damaged testicular function or less LH levels which is reversible upon cessation for 2 weeks
viagra from canada viagra over the counter walmart
Lincoln, USA 2022 06 18 19 59 12 online cialis pharmacy
https://viagravgr.best/# viagra amazon
buying cheap lyrica without insurance where to buy pregabalin without rx where buy generic lyrica without rx
augmentin sale order augmentin 1000mg online cheap bactrim 960mg cheap
https://amoxil.best/# can i purchase amoxicillin online
amoxicillin 200 mg tablet can you buy amoxicillin over the counter canada
https://amoxil.best/# buy amoxicillin online with paypal
Epub 2012 Sep 19 generic cialis online europe
essay writing website reviews
hire essay writer
essay services reviews
https://buytadalafil.icu/# tadalafil generic in usa
retrovir effexor classification Yes, you are a failure to the American people Mr canadian pharmacy cialis 20mg
698 HALOPIDOL FORTE JANSSEN CILAG Haloperidol 10 mg mL Fco generic cialis online
cost ampicillin 250mg metronidazole 200mg sale order flagyl generic
buy cialis 10mg Before you take anything, make sure you talk to your doctor and possibly a registered dietitian about what you would like to take and discuss all the risks and benefits
buy zithromax online cheap can i buy zithromax over the counter
https://amoxil.best/# buy amoxicillin 500mg canada
https://zithromax.best/# where to get zithromax
https://buytadalafil.icu/# tadalafil 5mg cost
how to get lyrica for sale lyrica pills cost lyrica prices