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公司所有。
l3X1x1B7z4
.
Excellent read, I just passed this onto a friend who was doing some research on that. And he just bought me lunch as I found it for him smile So let me rephrase that: Thank you for lunch!
oral pyridostigmine – order imuran online order imuran generic
.
IBR Дизайн человека https://design-human.ru Дизайн человека. 4/1 Дизайн человека.
DYO Дизайн человека https://vkl-design.ru Дизайн человека. 4/1 Дизайн человека.
MHX Дизайн человека https://irida-design.ru Дизайн человека. 4/1 Дизайн человека.
FLK Дизайн человека https://vkl-design.ru Дизайн человека. 3/5 Дизайн человека.
JUM Дизайн человека https://designchita.ru Дизайн человека. 6/2 Дизайн человека.
spironolactone pharmacy: new zealand online pharmacy motilium – clobetasol propionate online pharmacy
EAS Дизайн человека https://designchita.ru Дизайн человека. 6/2 Дизайн человека.
freedom pharmacy clomid: accredo pharmacy – montelukast pharmacy
One other issue is when you are in a situation where you do not possess a cosigner then you may really want to try to make use of all of your school funding options. You’ll find many grants and other grants that will present you with finances to assist with classes expenses. Thank you for the post.
target pharmacy valtrex: turkish pharmacy online – online medicine to buy
ventolin uk pharmacy: Enalapril – cancun pharmacy viagra
IOF Дизайн человека https://irida-design.ru Дизайн человека. 5/2 Дизайн человека.
OYB Дизайн человека https://design-human.ru Дизайн человека. 3/5 Дизайн человека.
TRX Дизайн человека https://rasschitat-dizayn-cheloveka-onlayn.ru Дизайн человека. 6/3 Дизайн человека.
Very nice post. I just stumbled upon your weblog and wished to say that I have really enjoyed browsing your blog posts. After all I will be subscribing to your feed and I hope you write again very soon!
KZD Дизайн человека https://designmsu.ru Дизайн человека. 6/2 Дизайн человека.
GFZ Дизайн человека https://humandesignplanet.ru Дизайн человека. 3/5 Дизайн человека.
viagra australian pharmacy: actonel online pharmacy – cytotec in malaysia pharmacy
KHS Дизайн человека https://rasschitat-dizayn-cheloveka-onlayn.ru Дизайн человека. 5/2 Дизайн человека.
WUQ Дизайн человека https://rasschitat-dizayn-cheloveka-onlayn.ru Дизайн человека. 5/2 Дизайн человека.
NGR Дизайн человека https://rasschitat-dizayn-cheloveka-onlayn.ru Дизайн человека. 3/5 Дизайн человека.
There are some attention-grabbing closing dates on this article however I don?t know if I see all of them heart to heart. There’s some validity however I will take hold opinion until I look into it further. Good article , thanks and we would like more! Added to FeedBurner as properly
https://drstore24.com/# Dostinex
mexican pharmacies shipping to usa
which online pharmacy is the best: doxycycline boots pharmacy – viagra european pharmacy
.