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公司所有。
generic ed drugs http://mexicanpharm24.pro/# purple pharmacy mexico price list
Аренда безабузный server/ВПС/ВДС под парсинг, постинг, разгадывание каптчи.
https://t.me/s/server_xevil_xrumer_vpsvds_zenno
Сервер для Xrumer |Xevil | GSA | Xneolinks | A-parser | ZennoPoster | BAS | Антидетект браузер Dolphin
– Круглосуточная техническая поддержка – бесплатно
– Мгновенное развёртывание сервера в несколько кликов – бесплатно
– Супер (аптайм, скорость, пинг, нагрузка)
– Отлично подходит под XRumer + XEvil
– Windows – 2022, 2019, 2016, 2012 R2
– Outline VPN, WireGuard VPN, IPsec VPN.
– FASTPANEL и HestiaCP – бесплатно
– Быстрые серверы с NVMe.
– Для сервера сеть на скорости 1 Гбит!
– Почасовая оплата
– Отлично подходит под A-Parser
– Управляйте серверами на лету.
– Отлично подходит под CapMonster
– Ubuntu, Debian, CentOS, Oracle 9 – бесплатно
– Отлично подходит под Xneolinks
– Более 15 000 сервер уже в работе
– Возможность арендовать сервер на 1 час или 1 сутки
– Windows – 2012 R2, 2016, 2019, 2022 – бесплатно
– Автоматическая установка Windows – бесплатно
– Отлично подходит под GSA Search Engine Ranker
– Дата-центр в Москве и Амстердаме
– Скорость порта подключения к сети интернет — 1000 Мбит/сек
Купить безабузный server/ВПС/ВДС под парсинг, постинг, разгадывание каптчи.
https://t.me/s/server_xevil_xrumer_vpsvds_zenno
Сервер для Xrumer |Xevil | GSA | Xneolinks | A-parser | ZennoPoster | BAS | Антидетект браузер Dolphin
– Windows – 2012 R2, 2016, 2019, 2022 – бесплатно
– FASTPANEL и HestiaCP – бесплатно
– Быстрые серверы с NVMe.
– Дата-центр в Москве и Амстердаме
– Ubuntu, Debian, CentOS, Oracle 9 – бесплатно
– Отлично подходит под XRumer + XEvil
– Скорость порта подключения к сети интернет — 1000 Мбит/сек
– Более 15 000 сервер уже в работе
– Outline VPN, WireGuard VPN, IPsec VPN.
– Windows – 2022, 2019, 2016, 2012 R2
– Управляйте серверами на лету.
– Отлично подходит под CapMonster
– Отлично подходит под GSA Search Engine Ranker
– Мгновенное развёртывание сервера в несколько кликов – бесплатно
– Для сервера сеть на скорости 1 Гбит!
– Круглосуточная техническая поддержка – бесплатно
– Почасовая оплата
– Отлично подходит под A-Parser
– Автоматическая установка Windows – бесплатно
– Супер (аптайм, скорость, пинг, нагрузка)
– Отлично подходит под Xneolinks
– Возможность арендовать сервер на 1 час или 1 сутки
http://indianpharmdelivery.com/# india pharmacy
п»їlegitimate online pharmacies india
purple pharmacy mexico price list: medicine in mexico pharmacies – best online pharmacies in mexico
Howdy! I know this is kinda off topic nevertheless I’d figured I’d ask. Would you be interested in trading links or maybe guest writing a blog post or vice-versa? My site addresses a lot of the same topics as yours and I think we could greatly benefit from each other. If you are interested feel free to send me an email. I look forward to hearing from you! Great blog by the way!
buy prescription drugs from india п»їlegitimate online pharmacies india indian pharmacy paypal
g406307
find out here now d4037159
I love your blog.. very nice colors & theme. Did you make this website yourself or did you hire someone to do it for you? Plz reply as I’m looking to construct my own blog and would like to know where u got this from. cheers
cheap neurontin online: gabapentin price – can you buy neurontin over the counter
Тут делают продвижение seo медицина seo медицина
zithromax order online uk zithromax best price where can i buy zithromax medicine
Профессиональный сервисный центр по ремонту автомагнитол в Москве.
Мы предлагаем: починить магнитолу
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
http://zithromax.company/# zithromax 1000 mg pills
buy zithromax online australia
Тут делают продвижение seo для медицинского центра создать сайт медицинского центра
Find exclusive deals on stylish fashion at house of cb.
https://amoxil.llc/# order amoxicillin no prescription
buy zithromax online cheap: zithromax z-pak price without insurance – purchase zithromax z-pak
работа в астане срочно sitsen.kz .
http://semaglutide.win/# Buy compounded semaglutide online
магазин сейфов предлагает сейф 3 класс взломостойкости сейф 3 класс взломостойкости
кнопка кз алматы кнопка кз алматы .
semaglutide semaglutide order Rybelsus for weight loss
http://semaglutide.win/# rybelsus
buy zithromax 500mg online
neurontin brand name 800mg best price: gabapentin best price – neurontin prices
ogm eujjpc
https://bit.ly/movies_937953_ruki_vverh
lmd mglbyu
https://bit.ly/movies_937953_ruki_vverh
ksp lgozzh
https://bit.ly/movies_937953_ruki_vverh
ivermectin 15 mg order stromectol ivermectin 400 mg
http://zithromax.company/# zithromax online
zithromax pill