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公司所有。
cytotec buy online usa https://tamoxifen.bid/# alternatives to tamoxifen
furosemide 40mg
Thanks for your publication. I would like to say that the first thing you will need to do is find out if you really need repairing credit. To do that you need to get your hands on a copy of your credit rating. That should not be difficult, since the government mandates that you are allowed to receive one absolutely free copy of your real credit report yearly. You just have to request that from the right people today. You can either read the website for that Federal Trade Commission or even contact one of the leading credit agencies immediately.
buy lisinopril 5mg: Buy Lisinopril 20 mg online – lisinopril 20 mg price
This design is wicked! You definitely know how to keep a reader entertained. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Fantastic job. I really enjoyed what you had to say, and more than that, how you presented it. Too cool!
I do agree with all the ideas you’ve presented in your post. They’re really convincing and will certainly work. Still, the posts are too short for newbies. Could you please extend them a little from next time? Thanks for the post.
Do you mind if I quote a few of your posts as long as I provide credit and sources back to your
webpage? My website is in the very same area of interest as yours and my visitors would genuinely benefit from a lot of the
information you provide here. Please let me know if this okay with
you. Many thanks!
Explore a wide range of styles at paige jeans outlet.
I just could not depart your site prior to suggesting that I actually enjoyed the standard info a person provide for your visitors? Is gonna be back often in order to check up on new posts
This is very interesting, You are a very professional blogger. I have joined your feed and look forward to searching for extra of your fantastic post. Additionally, I have shared your site in my social networks!
tamoxifen pill: nolvadex pills – tamoxifen menopause
Usually I don’t read article on blogs, but I wish to say that this write-up very forced me to try and do so! Your writing style has been surprised me. Thanks, quite nice article.
Cytotec 200mcg price https://cytotec.pro/# buy cytotec over the counter
furosemida
Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You definitely know what youre talking about, why waste your intelligence on just posting videos to your weblog when you could be giving us something informative to read?
https://tamoxifen.bid/# tamoxifen
I acquired more new things on this weight loss issue. Just one issue is a good nutrition is highly vital whenever dieting. A big reduction in bad foods, sugary food items, fried foods, sugary foods, pork, and white flour products may be necessary. Keeping wastes bloodsuckers, and toxins may prevent ambitions for losing weight. While a number of drugs briefly solve the situation, the unpleasant side effects aren’t worth it, and in addition they never supply more than a temporary solution. It is a known idea that 95 of dietary fads fail. Thanks for sharing your thinking on this blog.
does tamoxifen make you tired buy tamoxifen online what is tamoxifen used for
I am not sure where you’re getting your info, but good topic. I needs to spend some time learning more or understanding more. Thanks for fantastic information I was looking for this info for my mission.
Upgrade your wardrobe with the latest from agolde jeans.
https://cytotec.pro/# cytotec online
lipitor 10mg price in india: cheapest ace inhibitor – generic lipitor canada pharmacy
cytotec abortion pill https://lisinopril.guru/# can i buy lisinopril over the counter in canada
lasix furosemide
canadian pharmacy lipitor cheapest ace inhibitor lipitor generic price comparison
F*ckin? remarkable things here. I?m very glad to see your article. Thanks a lot and i’m looking forward to contact you. Will you kindly drop me a e-mail?
tamoxifen for sale: Purchase Nolvadex Online – pct nolvadex
https://lisinopril.guru/# buy lisinopril no prescription
I think other web-site proprietors should take this web site as an model, very clean and fantastic user genial style and design, as well as the content. You’re an expert in this topic!
I’m in awe of the author’s capability to make complex concepts accessible to readers of all backgrounds. This article is a testament to her expertise and dedication to providing valuable insights. Thank you, author, for creating such an compelling and enlightening piece. It has been an unforgettable experience to read!
buy cytotec over the counter http://lipitor.guru/# generic lipitor price
lasix furosemide 40 mg
effexor and tamoxifen buy tamoxifen citrate tamoxifen rash pictures
furosemide 100mg: lasix pills – lasix 100mg
I?ll immediately grab your rss as I can not find your e-mail subscription link or newsletter service. Do you have any? Please let me know so that I could subscribe. Thanks.