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公司所有。
https://installzip.com/
7193e21ce4 landent
gay sex chat roulette
asain gay chat phone lines
gay text chat app
metoprolol generic lopressor 50mg tablet levitra without prescription
Bowman SP, et al. buy clomid online
I had used depo on and off for almost 7 yrs. clomid side effects
gay bi male text chat
gay male chat
random gay cam chat
buy doxycycline generic stromectol 6mg pills stromectol for humans for sale
Is Testosterone Replacement Therapy holistic and natural. symptoms of ovulation after taking clomid
free gay chat line
gay chat sites
gay chat rooms, san diego
Instead, various infertility and health factors play a role in the pregnancy loss. clomid price Don t be afraid to ask questions, she s very receptive to answering any concerns you have and open about the process and possible outcomes.
Medicare plan formularies are not available through our online search tool at this time. buy clomid
order azithromycin generic gabapentin order online prednisolone ca
gay dirty chat
little gay boys who want to sex chat with men
gay chat randome
buy sildenafil pills buy sildenafil 50 mg for sale buy sildenafil 50 mg
If today I see the gaping injury of an open cut on a person, I cannot look at it cialis no prescription I live a healthy lifestyle in that I eat healthy no fast food and exercise 4-5 times per week
cialis online india When they landed in Yingdu City, otc male enhancement reviews it was the afternoon, and the snow was a little lighter, but they were still standing on the long street, and within a quarter of an hour, they otc male enhancement reviews should be all white
chat with sexy black gay men
gay web cam chat room
gay+chat
viagra 30 mg gel viagra ou acheter du viagra
order tadalafil 20mg online cheap buy generic accutane deltasone online
ivermectin lotion 0.5 ivermectin humans ivermectin price comparison
gay chicago webcam chat software
gay sex chat room
chat gay usa
stromectol 6 mg dosage ivermectin 1 stromectol drug
cialis super active This drug functions by delaying PDE5 enzymes, thus increasing circulation to the cavernous bodies responsible for erectile function
Therefore, fluticasone propionate does not typically cause drowsiness as other allergy medications do buy cialis online us Since Laine penis elargerment pills not delivered all at once, Samatha Pecora s attitude has changed again, such people must be well-knitted
best place to buy cialis online Can I take a Tadalista tablets every day
pregabalin canada pregabalin 75 mg brand generic lyrica
acetazolamide us sildenafil 150mg price montelukast online
Trade Names for Tadalafil cialis 40 mg
buy effexor 75 mg online cheap effexor for sale online generic effexor 150mg
Before around 2002, the reported rate of erectile dysfunction in men under the age of 40 years was around 2 best price cialis 20mg This ED supplement Viasil is the product of the Swish Research Labs