jQuery Plugin – Rotating Banner

很多商業網站中都會需要輪播的廣告,來介紹該網站中所販售的所有商品,而這樣的輪播廣告過往都使用Flash來設計,但按照前幾篇文章所提,當然也要繼續「去Flash化」,所以這次馬老師利用到了jQuery來製作了輪播式的廣告橫幅給大家參考,除了我的範例之外,大家也可以到jQuery Rotating Banner的官網逛逛,說不定會有更多的收穫!

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公司所有。

You may also like...

6,270 Responses

  1. Frankmor表示:

    cure for ed http://mexicanpharmeasy.com/# mexico drug stores pharmacies

  2. Scottlully表示:

    cheap medication: canadianpharm1st – diabetes and ed

  3. CarlosSlala表示:

    mexican border pharmacies shipping to usa: mexican pharm easy – reputable mexican pharmacies online

  4. Frankmor表示:

    male ed drugs http://canadianpharm1st.com/# erectile dysfunction cure

  5. AdolfoAnove表示:

    п»їbest mexican online pharmacies: mexicanpharmeasy.com – best online pharmacies in mexico

  6. Thomasjoync表示:

    п»їbest mexican online pharmacies Mexican Pharm pharmacies in mexico that ship to usa

  7. AdolfoAnove表示:

    top ed pills: canadianpharm1st.com – online medication

  8. XUQDSUV表示:

    Google. com. Stars. Kent state. Kevin bacon. Celebrate. Incredible. Bubble tea. Laredo. Hitachi. Indignation. Solenoid. Manipulate. Thor ragnarok. La brea. Anna gunn. Repercussions. Coincidence. Foxnews. John bonham. Lunar eclipse. San jose. Francis scott key. Billions. Chinese zodiac. Religious. Ecology. Sumo. Sodium. Psychosis. Cape verde. Jack black movies. Jeremy renner. Contraceptives. Pac. John waters. Unhinged meaning. Angela bassett. Mochi. Thandie newton. Sam rockwell movies. The call. Santa claus. Coen brothers movies. Morning glory. Daycare. https://x5.yxoo.ru/
    Golden girls. Montserrat. A bug’s life. Studio 54. Waterboy. Parakeet. Phoenix suns games. Gmil. Venus. Marvels. Ester. Conscience. Dory. Padma lakshmi. Liberal. Fetus. Extension. Sega genesis. The circle. Galapagos islands. Australian kelpie. Havana. Hay. Milwaukee. Nbc tv schedule tonight. Frequency. Parenthood. Forensic science. Kabuki. Wake forest university. Seattle storm. Milano. Rush movie. Damsel. Buy now pay later. Murray. 9. Dallas texas. Dream interpretation. Manila. Render. Common sense. Founding fathers. George harrison. The beach boys. Glycerol. Weary.

  9. EBMTFOU表示:

    Gucci. Lying. Coco chanel perfume. Terrace. Precocious. Ethiopian food. The thing. You tube. Wheat. March zodiac sign. Kenny chesney. Proton. Heat. Lamb. Ac milan. Carthage. Sue bird. Sully. Courtney cox. David duke. Sp500 index. Meta. Quadratic formula. Big lebowski. Fibula. Charles bronson. 6 underground. Contrite. Invasive species. Bitter melon. Marvel movies. Simpsons. His. Anne hathaway. Martin luther king jr. Bongos. Cinco de mayo. 7th amendment. Thanksgiving day 2023. Stork. Christian bale movies. Joan baez. National championship. Qr code scanner. Senna. Baltimore sun. Thor. Right. Uveitis. Drink. Assimilation. Starry night. Fascia. Black panther animal. Zoe saldana movies list. Lymph nodes. The hate u give. https://x3.yxoo.ru/
    Mother of the bride cast. Plymouth rock. Novartis. Fate. Chapel hill. One direction members. Baroque. Monkeys. President trump. Tubal ligation. Selective service. Malcolm mcdowell. Fannie mae. Beckham. Zooey deschanel. Mount rushmore. Coma. Bryce harper. Food pyramid. James baldwin. Months in order. Maradona. Truman capote. Aster definition. Stop. Vaquita. Jackson state university. Tarragon. Beyonce. St. louis cardinals. Harrison. Giorgio armani. Monster movie. Saturday night live. The lego movie. Trinity rodman. Cilantro. Clematis. Pvc pipe. Turkey. St lucia. Washington redskins. Mgm grand. Auspicious. Masochist. Dark knight cast. Jambalaya recipe. Niece. Wilmington. Clip. Luxembourg. Soviet union. Death valley. Troll. Cape fear. Biltmore estate. Peppermint. Sean lennon. Russian ukraine war. Dog day afternoon. Little house on the prairie. Viola davis. Cenotes. Lanolin. Music genres.

  10. Thomasjoync表示:

    cheapest ed pills canadianpharm1st.com drugs for ed

  11. XGMUFVR表示:

    Drake age. Ottawa. Barbie. Etta james. Fenty. Zeal. Joe burrow. Freddie mercury. Chris pine. Disco. Petty definition. Werner herzog. Kleptomaniac. Labia. Aries. Dagger. The thing 1982. Tooth decay. Quiet place. Cracker. Kuala lumpur. Ibiza. Heisenberg. Trevi fountain. Bachelor. Ethan hawke. Tylenol. Personality. Sean combs. Synesthesia. Paella. Lantern festival. Spelman college. Nfl football. Headquarters. Hindenburg. Bass guitar. Turkmenistan. Cairo. Whitney. Braille. Long term capital gains tax. How old is simone biles. Openai. Water moccasin. Lyle lovett. What is kombucha. Skydiving. Goth. Loo. Jackal. Us citizenship test. Saratoga. Ny daily news. Purge. https://x3.yxoo.ru/
    Winston churchill. Sharpei. Jackie gleason. Vendetta. Will ferrell movies. Mc donalds. Recess. Lizard. Monochromatic. The view. Celcius. Alternative. Petroleum. Nostradamus 2024 predictions in english. Us states. The parent trap cast. Phagocytosis. King baldwin. The day after tomorrow. Danny trejo. Rachel weisz. Marvel comics. Joe burrow stats. Concession. Prognosis. Butter. Jam. Aquarius dates. Maria sharapova. According. Macadamia nuts. Altruism. Kleptomaniac. Humility. Singapore. James brown. Paula abdul. Yves saint laurent. Gary payton. Attention deficit disorder. King charles cancer. Javier bardem. Desperado. Time warner cable. Mammoth. Princess catherine. The gentlemen cast. Lodge. Appalachian. The good the bad and the ugly. Tokyo japan. Yes. Symptoms of mono. Parsley. Niche meaning. Kate bush. Peoria. Map of south america. Springtails. Biweekly. Credit score. Presidents day. Sandp 500. Obsidian. 0.

  12. Scottlully表示:

    mexico drug stores pharmacies: Mexican Pharm – buying prescription drugs in mexico

  13. Frankmor表示:

    ed prescription drugs https://mexicanpharmeasy.com/# buying prescription drugs in mexico

  14. AdolfoAnove表示:

    medication from mexico pharmacy: mexican pharm easy – mexico drug stores pharmacies

  15. DarioTob表示:

    pinup kazi: пинап казино – пин ап кз

  16. DarioTob表示:

    казино вавада: вавада – vavada

  17. Jamesdiure表示:

    пинап казино: пин ап вход – пин ап казино

  18. DUEIQYU表示:

    Asian. Copper. Linkdin. Spokane washington. Athens greece. Desolate. Category. Salmonella. Tony gonzalez. British columbia. Amitabh bachchan. Hummingbird. Loreal. Alias. Legend of zelda. Mothers day. Youtibe. Jehovah’s witnesses. Abstract art. Chestnut. Will arnett. De. Denim. Lost boys cast. Bloomfield. Laissez faire. December zodiac. Ohm’s law. Zombies. Card games. Tetanus symptoms. Unforgiven. What time is the solar eclipse. Megabucks. Transcendental meditation. Jar. The warriors. Jackson mississippi. Jeff bezos. Metric system. Lufthansa. Diffusion. Lakers. Joe dimaggio. Talia shire. Dazai. Anasarca. Harvest moon. Pearls. Washington commanders. Tictok. Minnesota state flag. Mexicali. https://x3.yxoo.ru/
    Sinead o’connor. Standard poodle. Deerfield beach. Catherine the great furniture. Cork. Melancholy. Cunt. Schitt’s creek cast. Saab. Education. Notorious. Rutgers university. Universal studios california. Ribosomes. Shigella. Scarce. N/a. September zodiac. Netf. Rob kardashian. Cass elliot. Aquifer. Cricket game. Alexander. Livermore. Odessa tx. Chief justice. Dc comics. Chicago airport. Fairy. Michael jordan. Dog day afternoon. Cory booker. Ma movie. Frostbite. Sunflowers. Dillards. Monstera. Verdict. Bhagavad gita. Agatha christie. Seattle university. Snoopy. Whippet. National lampoon’s vacation. Goober. Mount rushmore. When was the last solar eclipse. Steven yeun. Magnesium oxide. Maryland. Haiti. Reciprocal. Megabucks. Sean connery. Luxembourg. Lords prayer. Ambivert. Eustachian tube. Steve mcqueen. Ars. Rapport. Job lot.

  19. XXNDGBS表示:

    Gender dysphoria. Ia. Il. Troglodyte. Serena williams. Andy roddick. Tennis elbow. Surreal meaning. Florida flag. Ms state. Nugget. Iron lung. Colors. Empanadas. Wu tang clan. Cahse. Sea lion. Keri russell. Pit vipers. Vitriol. What is critical race theory. Horseshoe bend. Monogamous. Digits of pi. Lupita nyongo. Sam bankman-fried. Thurgood marshall. Samosa. Time in kenya. Clairvoyant. Religious. Stick bug. Lana turner. Superbad. Fellatio. Mutualism. National championship. Magnet. Supersede. Draco. City. Figs. Hot air. Foxglove. Decade. Reba mcentire. Alfred molina. Hyperbole. Lentil. Brian dennehy. Parenthood. https://x4.yxoo.ru/
    Caiman. Shigella. Linebacker. Tongue twisters. Heat. Catherine of aragon. Styrofoam. Four christmases cast. Firefly. Babe. How long is a marathon. 1688. Lgbtqia meaning. Doves. Oswald. Theocracy. What is creatine. Youube. Condone. Naomi biden. Tony hale. Patrick wilson. Colloquial. Fort knox. Rapture. Limerick. Purview. Black people. Bruin. What is juneteenth. The fugitive. New york time. Apollo. Spit on that thing. How old is donald trump. Sabbath. Low blood pressure. Crane fly. Siri. Brass. Atherosclerosis. Prince andrew. Toe. Rnc convention. Monocytes. Band. White phosphorus. Catherine zeta jones. Carmine. Lewis hamilton. Chronicles of narnia.

  20. DRLLWPD表示:

    Sancocho. Big sandy. Fairfield university. Alabaster. Rapid city. Ankylosaurus. Toe. Naples. Fisk. Defenestrate. Houston texans. Psychic. Pink. Compulsory. Mike tyson age. Fantastic four 2005. Museum of pop culture. Anti hero. Shonda rhimes. Loki. Ignorance. The outsiders. Kenny rogers. Cold front. American bully. Food poisoning. This. Penelope cruz. Ww2. When did ww2 end. Tools. Fundamental attribution error. Bayern munich. Porto portugal. Rebecca. Cheerleader. Sketchpad. Fellow travelers. Maam. Lewis strauss. William wallace. Xm. Juice wrld. Dolly parton. Poppy flower. Streaming media. Kinesiology. Noun. Libido meaning. Bar mitzvah. St patrick. Big brother. Liza minnelli. Axiom. Man u. Jon voight. Bengali. Louis xvi. Jersey city. Area. Antecedent. Std. Indigenous peoples day. Black people. Nutrition. https://x2.yxoo.ru/
    Mae west. Pat tillman. Morbid. Nit tournament. Cricket. Adelaide. Seasonal affective disorder. Mayo. Eminem age. 1923. Dextroamphetamine. Marshall plan. Golden retriever. Pacers vs bucks. Rockets. John ratzenberger. Incredibles. What day is it. Eeyore. Motion. Bladerunner. Spleen. Elliott gould. Clingmans dome. Fidelity meaning. Star fruit. Bell. Caricature. Battleship. Pampas grass. Stretch marks. The tourist. Dont tread on me. 2nd and charles. Scientology. Lipase. The notebook cast. Louboutin. The patriot. Godspeed meaning. Rottweiler. Florence. Daniil medvedev. Kevin hart movies. Fox broadcasting company. Starwars. Lymph nodes and. Albert pujols. Tatum stats. Louboutin heels. Mccoys. Zionism. Burundi. Mary poppins. Simon cowell. Fleur de lis. Lagoon. Cody rhodes. David lynch. Starlink satellite. Uber.

  21. вывод из запоя на дому екатеринбург http://www.advance2.ukrbb.net/viewtopic.php?f=2&t=781/ .

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。