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公司所有。
kaa 28657468142658 mdieb
Надежный психоаналитик дистанционно. Помощь в трудных ситуациях предоставляется 24/7. Приватно, результативно. Индивидуальный подход. Начните менять жизнь сегодня! https://6520-spb-psiholog.tds-ka.ru/
mexican drugstore online: buying from online mexican pharmacy – buying prescription drugs in mexico
indian pharmacy paypal best india pharmacy india online pharmacy
mexican border pharmacies shipping to usa: buying prescription drugs in mexico – mexican drugstore online
http://pharmbig24.com/# rx mart pharmacy
I like the valuable information you supply on your articles. I’ll bookmark your weblog and test once more right here regularly. I’m fairly sure I will be told plenty of new stuff proper here! Good luck for the following!
mexican drugstore online: best online pharmacies in mexico – mexico drug stores pharmacies
Профессиональный эксперт в области психологии онлайн. Поддержка возможна круглосуточно. Конфиденциально, эффективно. Доступные тарифы. Запишитесь сейчас! https://7530-spb-psiholog.tds-ka.ru/
Компетентный эксперт в области психологии в сети. Поддержка возможна 24/7. Безопасно, эффективно. Индивидуальный подход. Запишитесь сейчас! https://4553-id-psiholog.tds-ka.ru/
best india pharmacy india online pharmacy Online medicine home delivery
Квалифицированный специалист по психическому здоровью онлайн. Решение проблем предоставляется 24/7. Безопасно, продуктивно. Выгодные цены. Запишитесь сейчас! https://4705-moskva-psiholog.tds-ka.ru/
indian pharmacy: india pharmacy mail order – india online pharmacy
https://pharmbig24.online/# how to buy viagra in pharmacy
pharmacy prices estradiol india pharmacy levitra nearby pharmacy store
how much is viagra at the pharmacy: imiquimod cream online pharmacy – trusted online pharmacy cialis
pharmacy website india: best online pharmacy india – world pharmacy india
best online pharmacy india india pharmacy Online medicine order
top 10 online pharmacy in india: reputable indian online pharmacy – Online medicine home delivery
https://mexicopharmacy.cheap/# mexican border pharmacies shipping to usa
india pharmacy mail order: reputable indian pharmacies – best india pharmacy
pharmacies in mexico that ship to usa purple pharmacy mexico price list pharmacies in mexico that ship to usa
mexico drug stores pharmacies: best online pharmacies in mexico – buying from online mexican pharmacy
https://mexicopharmacy.cheap/# mexican rx online
mexican rx online: pharmacies in mexico that ship to usa – mexican pharmaceuticals online
best india pharmacy pharmacy website india top online pharmacy india
pharmacies shipping to usa: which pharmacy has the best price on viagra – metoclopramide online pharmacy
Your home is valueble for me. Thanks!?
us pharmacy cialis medplus pharmacy store locator itraconazole pharmacy
mexican drugstore online: mexico pharmacies prescription drugs – medication from mexico pharmacy