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公司所有。
buy cytotec in usa https://cytotec.pro/# Abortion pills online
lasix medication
nolvadex for sale: buy tamoxifen citrate – tamoxifen bone pain
Thanks for your submission. I also believe that laptop computers are getting to be more and more popular today, and now in many cases are the only kind of computer included in a household. This is due to the fact that at the same time potentially they are becoming more and more very affordable, their working power keeps growing to the point where these are as effective as personal computers out of just a few years back.
Somebody essentially help to make significantly posts I’d state. This is the very first time I frequented your web page and so far? I surprised with the analysis you made to create this particular publish incredible. Fantastic task!
best price lipitor: lipitor generic over the counter – lipitor generic price comparison
buy probenecid generic – order carbamazepine for sale tegretol drug
Does your website have a contact page? I’m having a tough time locating it but, I’d like to send you an email. I’ve got some suggestions for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it improve over time.
neurontin 600mg us – buy sulfasalazine 500mg pill sulfasalazine 500 mg sale
buy cytotec online fast delivery https://cytotec.pro/# buy cytotec pills online cheap
lasix pills
buy furosemide online: buy furosemide – furosemida
lipitor 80 mg daily: cheapest ace inhibitor – lipitor prescription cost
Thanks for the concepts you share through this website. In addition, many young women that become pregnant usually do not even try and get medical insurance because they have anxiety they might not qualify. Although a few states at this moment require that insurers provide coverage irrespective of the pre-existing conditions. Costs on these guaranteed options are usually higher, but when with the high cost of health care bills it may be a new safer route to take to protect a person’s financial future.
cytotec abortion pill https://tamoxifen.bid/# tamoxifen blood clots
lasix tablet
The subsequent time I read a blog, I hope that it doesnt disappoint me as a lot as this one. I imply, I do know it was my choice to read, but I really thought youd have one thing fascinating to say. All I hear is a bunch of whining about one thing that you could repair in the event you werent too busy looking for attention.
cytotec pills buy online: Misoprostol price in pharmacy – buy cytotec online
excellent post.Never knew this, thanks for letting me know.
lipitor brand: Atorvastatin 20 mg buy online – lipitor australia
I really like what you guys are up too. This type of clever work and exposure! Keep up the terrific works guys I’ve added you guys to my personal blogroll.
п»їcytotec pills online https://tamoxifen.bid/# nolvadex vs clomid
lasix for sale
https://lipitor.guru/# lipitor online
lasix side effects: furosemide online – buy lasix online
Upgrade your style with chic fashion from forever 21.
where can i buy nolvadex: buy tamoxifen online – tamoxifen buy
buy misoprostol over the counter https://cytotec.pro/# buy cytotec over the counter
lasix 100mg
https://lipitor.guru/# lipitor generic online pharmacy
lipitor 20 mg where to buy: buy lipitor 20mg – order lipitor
I in addition to my friends were found to be examining the good thoughts located on your site then unexpectedly developed a horrible feeling I never expressed respect to the blog owner for them. All the women ended up as a result glad to read through them and have now pretty much been having fun with them. Thank you for truly being quite helpful and then for making a decision on variety of nice themes millions of individuals are really wanting to be aware of. My very own honest regret for not expressing appreciation to you earlier.
I haven?t checked in here for some time as I thought it was getting boring, but the last few posts are good quality so I guess I will add you back to my everyday bloglist. You deserve it my friend 🙂
lasix online cheap lasix lasix tablet
I appreciate, cause I found exactly what I was looking for. You’ve ended my 4 day long hunt! God Bless you man. Have a great day. Bye