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公司所有。
Чат-терапия: профессиональная поддержка в цифровую эпоху Чат lsd
betine sikayet betine guncel giris betine promosyon kodu
casibom guncel giris: casibom 158 giris – casibom 158 giris
casibom guncel giris adresi
Опытный расстановщик онлайн. Консультации предоставляется 24/7. Конфиденциально, продуктивно. Индивидуальный подход. Не откладывайте на потом! https://w-495.ru/
casibom guncel: casibom 158 giris – casibom guncel giris
casibom giris
Профессиональный психоаналитик дистанционно. Помощь в трудных ситуациях возможна 24/7. Анонимно, действенно. Индивидуальный подход. Запишитесь сейчас! https://w-495.ru/
casibom guncel giris: casibom 158 giris – casibom giris
casibom 158 giris
Опытный психоаналитик в сети. Консультации доступна круглосуточно. Безопасно, эффективно. Доступные тарифы. Начните менять жизнь сегодня! https://w-495.ru/
casibom guncel giris adresi: casibom 158 giris – casibom guncel
casibom
casibom: casibom guncel – casibom guncel giris
casibom guncel giris
casibom giris adresi: casibom guncel giris – casibom guncel giris
casibom giris
Компетентный психолог удаленно. Поддержка предоставляется в любое время. Анонимно, эффективно. Индивидуальный подход. Запишитесь сейчас! https://w-495.ru/
Профессиональный психолог в сети. Консультации доступна в любое время. Приватно, результативно. Индивидуальный подход. Сделайте шаг к улучшению! https://w-495.ru/
Квалифицированный психотерапевт онлайн. Терапия доступна круглосуточно. Приватно, результативно. Доступные тарифы. Начните менять жизнь сегодня! https://w-495.ru/
Профессиональный психотерапевт удаленно. Поддержка возможна 24/7. Конфиденциально, эффективно. Первая консультация -50% от цены. Начните менять жизнь сегодня! https://w-495.ru/
Опытный специалист по психическому здоровью удаленно. Консультации доступна в любое время. Конфиденциально, действенно. Доступные тарифы. Начните менять жизнь сегодня! https://w-495.ru/
Надежный эксперт в области психологии дистанционно. Решение проблем возможна 24/7. Конфиденциально, действенно. Индивидуальный подход. Сделайте шаг к улучшению! https://w-495.ru/
Howdy! I know this is kind of off topic but I was wondering which blog platform are you using for this site? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be fantastic if you could point me in the direction of a good platform.
buy lioresal sale – buy baclofen tablets feldene 20mg cheap
acyclovir target pharmacy: skip’s pharmacy naltrexone – certified online pharmacy viagra
Greetings from California! I’m bored at work so I decided to browse your blog on my iphone during lunch break. I love the knowledge you provide here and can’t wait to take a look when I get home. I’m amazed at how quick your blog loaded on my phone .. I’m not even using WIFI, just 3G .. Anyways, amazing blog!
first medicine online pharmacy store discount code india pharmacy percocet propecia pharmacy direct
buying prescription drugs in mexico online: purple pharmacy mexico price list – buying from online mexican pharmacy
Online medicine home delivery: india pharmacy – pharmacy website india
https://pharmbig24.online/# riteaid online pharmacy
mail pharmacy Viagra Gold online discount pharmacy
zwh 344810303861939 ykudf
ulm 339168914341615 jiizr
Опытный психотерапевт дистанционно. Решение проблем доступна 24/7. Безопасно, продуктивно. Доступные тарифы. Запишитесь сейчас! https://3143-id-psiholog.tds-ka.ru/
Опытный психолог онлайн. Помощь в трудных ситуациях доступна круглосуточно. Конфиденциально, продуктивно. Выгодные цены. Запишитесь сейчас! https://7811-doctor-psiholog.tds-ka.ru/