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公司所有。
can i pay someone to write my essay
write my essay affordable
essay paper writing help
pregabalin 150mg ca buy generic pregabalin 150mg lyrica 150mg drug
stromectol covid stromectol ireland cost of ivermectin lotion
new dating
international dating
online singles near me
order ezetimibe sale order lioresal generic lioresal over the counter
Podcast production, sound design editing by Anton Helman. doxycycline coverage chart
free dating ads
plenty fish date site
online dating for singles
what is doxycycline used for in dogs A much smaller induction less than twofold was detected in the spinal cord, brain excluding the cerebellum, salivary gland, skin, small intestine, and liver data in legend to Fig.
ivermectin new zealand ivermectin 3 mg tabs stromectol 3 mg dosage
29 The plaintiff s attempts to escape Cipro s reach by arguing that the agreement between Pfizer and Ranbaxy was not a reverse payment at all was based on the theory that the agreements allegedly only covered the time period following the expiration of the Lipitor patent. is doxycycline a powerful antibiotic
order trileptal 300mg for sale alfuzosin 10 mg us order crestor
Such cases of thromboembolism have not been reported even in ehrlichiosis patients who show similar symptoms. doxycycline for sale over the counter
composition viagra viagra pharmacy viagra sans ordonnace
farmers only dating website
date me site
dating top sites
Among diabetic individuals with CAN, 25 have been shown to have obstructive sleep apnea, a proportion significantly greater than that of diabetic individuals without CAN. dosage of doxycycline for pneumonia
doxycycline treats Intrinsic stains are, unfortunately, more difficult to treat.
Erotik sexxxxxxx izle araması için 960⭐ porno filmi listeniyor.✓ En iyi erotik sexxxxxxx izle sikiş videoları karayilan ile izlenir.
purchase fexofenadine order generic dilantin 100 mg generic paracetamol
single seniors dating site
plentyoffish
online dating sites best
Zoo dog anal bedava porno porno vıdeolarını ücretsiz izle.
zoo dog anal bedava porno sikiş filmleri
oYoH ile izlenir, kesintisiz seks merkezi. OY KATEGORİLER VIDEO ARA.
Zoo Dog Anal Bedava Porno porno izle. 05:19. kötü
kız kedi ve.
buy cenforce 50 mg pill buy sildenafil 50 mg online sildenafil generic
buy generic acyclovir 800mg order perindopril online cheap perindopril generic
dating dating
share dating
dating singles
tamoxifen generic name PMC free article PubMed CrossRef Google Scholar.
Disruptions in an ultrasound on the kidneys, take them. does nolvadex lower estrogen My grandmother had used it several times for arthritis, but I had no idea there were fertility benefits.
nolvadex side effects pct Azoospermia, lightheadedness, we are running an appt.
Many late start classes are also available. nolvadex for gyno
10mg nolvadex during cycle
ventolin inhalator online buy synthroid 150mcg drug triamcinolone 10mg for sale
chat gay cam
free xxx gay interational chat rooms in johnstown, pa
chat gay las vegas