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公司所有。
Hey there, I think your website might be having browser compatibility issues. When I look at your website in Firefox, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, terrific blog!
Hello! Do you know if they make any plugins to safeguard against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any suggestions?
where to buy besifloxacin without a prescription – purchase besifloxacin sale order sildamax generic
Great blog! Is your theme custom made or did you download it from somewhere? A theme like yours with a few simple adjustements would really make my blog shine. Please let me know where you got your design. Thanks a lot
Find high-quality fashion at lucky brand store.
I like this post, enjoyed this one appreciate it for posting. “The difference between stupidity and genius is that genius has its limits.” by Albert Einstein.
My brother recommended I may like this web site. He was totally right. This publish truly made my day. You can not consider just how a lot time I had spent for this information! Thank you!
I discovered your blog site on google and check a few of your early posts. Continue to keep up the very good operate. I just additional up your RSS feed to my MSN News Reader. Seeking forward to reading more from you later on!…
Thanks for your tips. One thing I’ve got noticed is always that banks and also financial institutions understand the spending habits of consumers while also understand that a lot of people max out their cards around the getaways. They smartly take advantage of that fact and begin flooding your current inbox and snail-mail box along with hundreds of no-interest APR card offers soon after the holiday season ends. Knowing that should you be like 98 of all American public, you’ll get at the one opportunity to consolidate credit card debt and transfer balances to 0 apr interest rates credit cards.
calcort usa – alphagan where to buy buy brimonidine generic
cost of ed meds: ed pills online – best online ed pills
Very nice post. I just stumbled upon your weblog and wished to say that I have truly enjoyed browsing your blog posts. After all I?ll be subscribing to your rss feed and I hope you write again soon!
best online ed treatment: cheap ed pills online – where to buy ed pills
naturally like your web site but you need to check the spelling on several of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the truth nevertheless I will definitely come back again.
ed med online: online ed prescription same-day – ed medicine online
Via my notice, shopping for electronic products online may be easily expensive, nevertheless there are some tips that you can use to obtain the best things. There are generally ways to locate discount deals that could help to make one to have the best gadgets products at the cheapest prices. Interesting blog post.
https://mexicopharmacy.win/# mexican online pharmacies prescription drugs
buy erectile dysfunction medication: cheap ed pills online – low cost ed meds online
Online medicine order: indian pharmacy – indian pharmacy
http://indiapharmacy.shop/# top online pharmacy india
Дэдпул и Росомаха смотреть https://bit.ly/2024-video-film-dedpul
Дэдпул и Росомаха фильм https://bit.ly/2024-video-film-dedpul
Дэдпул и Росомаха онлайн https://bit.ly/2024-video-film-dedpul
indian pharmacies safe: Best Indian pharmacy – mail order pharmacy india
http://indiapharmacy.shop/# Online medicine home delivery
buying from online mexican pharmacy: mexican pharmacy – mexican online pharmacies prescription drugs
ed pills for sale: Best ED pills non prescription – erectile dysfunction pills for sale
https://edpillpharmacy.store/# ed online treatment
Transform your wardrobe with elegant pieces from alice and olivia clothing.
Thanks for your article. I would like to say that your health insurance dealer also utilizes the benefit of the particular coordinators of your group insurance coverage. The health insurance agent is given an index of benefits desired by individuals or a group coordinator. What any broker will is seek out individuals and also coordinators which will best complement those wants. Then he shows his referrals and if all sides agree, the actual broker formulates legal contract between the two parties.