jQuery範例 – Apple產品導覽介面製作

這次的jQuery應用範例要來試做的是Apple官方網頁上面有關產品介紹的介面。

Apple 官網產品介紹頁面截圖

主要用到的圖檔除了各產品的照片之外,就只有兩張,一個是底部的漸層,另一個是三角形箭頭。

另外當然是用到了jQuery和CSS的語法,CSS中有3.0的語法,所以圓角、陰影…等都不是圖檔構成,有想要研究的可以看看馬老師製作的範例檔下載)、範例檔2下載),大家看完後有任何問題歡迎在此回應,謝謝!

註:本範例所使用的圖片版權屬於Apple與Adobe公司所有。

You may also like...

18,406 Responses

  1. DanielDow表示:

    можно проверить ЗДЕСЬХайп проект под ключ

  2. GregoryJough表示:

    Tadalafil Easy Buy: cialis without a doctor prescription – cialis without a doctor prescription

  3. Kennethslity表示:

    https://generic100mgeasy.com/# Cheap generic Viagra online

  4. Virgilnes表示:

    читать[url=https://hyip-helper.net]Хайп под ключ[/url]

  5. WilliamNop表示:

    kamagra gel kopen: Kamagra – KamagraKopen.pro

  6. Virgilnes表示:

    подробнее здесьскрипты хайпов

  7. WilliamNop表示:

    п»їcialis generic: Buy Tadalafil 5mg – cialis without a doctor prescription

  8. Virgilnes表示:

    выберите ресурсы
    hyip проект под ключ

  9. Virgilnes表示:

    посмотреть в этом разделескрипты хайпов

  10. Virgilnes表示:

    посетить сайт[url=https://hyip-helper.net]шаблоны хайп проектов[/url]

  11. TerryDus表示:

    https://tadalafileasybuy.com/# Buy Tadalafil 5mg

  12. KevinbeR表示:

    Устал терять в казино? Перестань играть без разбора! Вступай на Канал “Рейтинг Казино”! ??

    Позабудь о проигранных депозитах и огорчениях! Наш Telegram-канал “Рейтинг Казино” будет твоим надежным проводником в мире гемблинга!

    Что же тебя ожидает в канале:

    Независимые обзоры заведений: Мы анализируем всё – от разрешения и известности до бонусов и скорости переводов. Совершенно никаких пиара, только честная данные!
    Актуальные списки: Выясни, которые казино реально отдают деньги и предлагают оптимальные правила для клиентов!
    Уникальные премии и промокоды: Воспользуйся самые выгодные акции от заслуживающих доверия платформ!
    Актуальные сообщения из области азартных игр: Оставайся в знании новых случаев и тенденций!
    Указания и стратегии от бывалых пользователей: Повысь свои вероятность на успех и делай ставки с головой!

    Довольно рассчитывать на удачу! Самое время играть разумно!

    Подписывайся на “Наш Telegram канал “Рейтинг Казино”” прямо сейчас и преврати процесс в выгоду!

    https://t.me/s/spisok_luchshih_kazino

  13. TerryDus表示:

    http://tadalafileasybuy.com/# cialis without a doctor prescription

  14. Dwayneseisa表示:

    kamagra 100mg kopen Officiele Kamagra van Nederland kamagra pillen kopen

  15. GregoryJough表示:

    buy generic 100mg viagra online: viagra without prescription – Buy generic 100mg Viagra online

  16. Kennethslity表示:

    https://tadalafileasybuy.com/# Tadalafil price

  17. Jalali表示:

    Professional training courses Jalal-I Tedris Merkezine xosh gelmisiniz!

    Biz genclerimizin peshe hazirligi ile meshgul oluruq. Sizin rahatliginiz ucun 3 filial Bakida muxtelif erazilerinde yerleshir. Karyera meqsedlerinize catmaginiza komek etmek ucun yuksek keyfiyyetli peshekar telim hazirliq kurslari teklif etmekden qurur duyuruq.
    Telim kurslarimizin siyahisi:
    Xarici dil kurslari, ingilis dili kurslari, 1C kurslari, Bank ishi, Ofis proqramlari, Autodesk 3DS Max kurslari, Archicad kurslari, Abituriyent hazirligi, Azerbaycan dili kurslari, cin dili kurslari, Corel Draw kurslari, Dovlet qulluguna hazirliq, Alman dili kurslari, Fars dili kurslari, Fransiz dili kurslari, Autocad kurslari, ereb dili kurslari, Excel kurslari, HR kurslari, Telim ibtidai mekteb, IELTS kurslari, Adobe Illustrator kurslari, Adobe InDesign kurslari.

    Bizde hemcinin ispan dili kurslari, IT kurslari, muhasibat kurslari, italyan dili kurslari, kibertehlukesizlik kurslari, TOEFL kurslari, Veb proqramlashdirma kurslari, magistratura hazirligi, mektebeqeder kurslar, muellim hazirligi, Portuqal dili, Koreya dili kurslari, Adobe Photoshop kurslari, rus dili kurslari, sertifikatlashdirmaya hazirliq, SMM kurslari var.
    Suruculuk kurslari, Word kurslari, Yapon dili kurslari, Turk dili kurslari, shahmat mektebi, Qrafik dizayn kurslari, Mentiq kurslari, Komputer kurslari, tercume xidmetleri, SEO xidmeti ve Aviabilet Azerbaijan.

    Bizi secin ve biz size peshekar karyeranizda ugur qazanmaginiza komek edek!
    Tedris merkezi Jalal-I peshe tehsili ucun seciminizdir!
    Учебный центр jalali.az предлагает в Баку следующие курсы для профессионального обучения – курсы бухгалтерии, курсы английского и немецкого языка, компьютерные курсы.
    Welcome to Jalali.az Baku! Ingilis dili 5 ci sinif testleri

  18. WilliamNop表示:

    viagra canada: buy generic 100mg viagra online – buy generic 100mg viagra online

  19. I have realized that car insurance corporations know the autos which are susceptible to accidents along with risks. Additionally, these people know what types of cars are susceptible to higher risk and also the higher risk they have the higher the actual premium rate. Understanding the very simple basics involving car insurance just might help you choose the right kind of insurance policy that will take care of your needs in case you happen to be involved in an accident. Thanks for sharing the ideas with your blog.

  20. WilliamNop表示:

    Tadalafil Tablet: Tadalafil Easy Buy – buy cialis pill

  21. TerryDus表示:

    https://kamagrakopen.pro/# kamagra gel kopen

  22. TerryDus表示:

    https://tadalafileasybuy.shop/# Tadalafil Easy Buy

發佈留言

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