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公司所有。
Thanks for the recommendations on credit repair on this excellent site. A few things i would advice people is usually to give up the mentality that they can buy at this point and shell out later. Like a society most people tend to do this for many factors. This includes vacation trips, furniture, as well as items we wish. However, you’ll want to separate the wants out of the needs. As long as you’re working to improve your credit score you really have to make some sacrifices. For example you possibly can shop online to save cash or you can go to second hand suppliers instead of high-priced department stores pertaining to clothing.
order depakote 500mg sale – buy diamox 250mg generic order topiramate 100mg
Hey! This is my first visit to your blog! We are a team of volunteers and starting a new initiative in a community in the same niche. Your blog provided us beneficial information to work on. You have done a marvellous job!
Thanks for the useful information on credit repair on all of this blog. A few things i would advice people is to give up the particular mentality they will buy today and fork out later. As a society we all tend to make this happen for many factors. This includes vacation trips, furniture, as well as items we would like. However, you’ll want to separate your wants from all the needs. When you are working to improve your credit score actually you need some trade-offs. For example it is possible to shop online to economize or you can look at second hand merchants instead of high priced department stores with regard to clothing.
I know this if off topic but I’m looking into starting my own weblog and was curious what all is needed to get set up? I’m assuming having a blog like yours would cost a pretty penny? I’m not very web savvy so I’m not 100 positive. Any recommendations or advice would be greatly appreciated. Appreciate it
I have read some good stuff here. Definitely worth bookmarking for revisiting. I surprise how much effort you put to make such a great informative website.
An interesting discussion is worth comment. I think that you should write more on this topic, it might not be a taboo subject but generally people are not enough to speak on such topics. To the next. Cheers
Hello would you mind sharing which blog platform you’re working with? I’m planning to start my own blog soon but I’m having a tough time selecting between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique. P.S Sorry for being off-topic but I had to ask!
Audio began playing when I opened up this web-site, so annoying!
Активируйте путь к лучшей версии
себя – кликните по линку на психолог калининград вакансии
I’m no longer positive where you’re getting your information, but good topic.
I must spend a while studying more or figuring out more.
Thank you for wonderful info I was on the lookout for this info for my mission.
order hydrea online – order robaxin pills order robaxin online cheap
nootropil 800mg without prescription – levaquin generic order sinemet 10mg sale
Incredible! This blog looks exactly like my old one! It’s on a totally different topic but it has pretty much the same layout and design. Superb choice of colors!
I view something really special in this web site.
https://autolux-azerbaijan.com/# pin-up kazino
Pin up 306 casino: pin-up360 – pin-up kazino
https://caritasindia.org/GlobalProgramIndia/transforming-lives-through-regular-growth-monitoring-in-tetyiabambar-block-munger-district-bihar/?replytocom=57552
https://autolux-azerbaijan.com/# Pin Up
Thanks for this glorious article. One more thing to mention is that almost all digital cameras can come equipped with a zoom lens so that more or less of the scene to generally be included simply by ‘zooming’ in and out. These kind of changes in {focus|focusing|concentration|target|the a**** length are usually reflected from the viewfinder and on massive display screen right on the back of the camera.
pin-up 141 casino: Pin Up Azerbaycan – Pin-Up Casino
https://autolux-azerbaijan.com/# ?Onlayn Kazino
Pin Up Azerbaycan: Pin Up – Pin Up Azerbaycan ?Onlayn Kazino
https://autolux-azerbaijan.com/# Pin up 306 casino
pin-up kazino: ?Onlayn Kazino – Pin up 306 casino
Amazed by The knowledge breadth, or what I’ve been mistaking for just good Googling skills.
A refreshing take on the subject, like a cool breeze on a hot day. I’m all ears for what you have to say next.
As I website possessor I believe the content material here is rattling great , appreciate it for your efforts. You should keep it up forever! Good Luck.
You have a unique perspective that I find incredibly valuable. Thank you for sharing.
pin-up360: ?Onlayn Kazino – Pin Up