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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,119 Responses

  1. Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники

  2. JosephFam表示:

    lasix dosage: furosemide online – lasix for sale

  3. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервисные центры в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  4. сервисный центре предлагает диагностика плазменного телевизора – сервисный ремонт телевизоров

  5. Davidmer表示:

    neurontin tablets 100mg: medicine neurontin 300 mg – ordering neurontin online

  6. JosephWrela表示:

    ventolin canadian pharmacy: Buy Albuterol for nebulizer online – canada to usa ventolin

  7. Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
    Мы предлагаем: ремонт macbook
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. Davidmer表示:

    Buy compounded semaglutide online: buy semaglutide online – rybelsus cost

  9. DouglasHoapy表示:

    1xBet
    1xBet codes refer to the alphanumeric strings provided by the platform or its partners, which can be used to claim bonuses such as free bets, deposit matches, or free spins. These codes are often shared through promotions, social media, or affiliate websites.

  10. Sergiohex表示:

    http://gabapentin.site/# gabapentin 600 mg

  11. Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
    Мы предлагаем: ремонт macbook в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. AlfredHag表示:

    neurontin canada online neurontin 100mg tablets neurontin 100mg tablet

  13. AlfredHag表示:

    prednisone 12 tablets price prednisone cream over the counter prednisone 30 mg daily

  14. Sergiohex表示:

    https://furosemide.men/# furosemide

  15. Встречайте криптовалютного босса в казино, играйте и выигрывайте вместе с королем криптовалютных игр, криптовалютные ставки для настоящих боссов, выиграйте криптовалюты в казино от Cryptoboss, выиграть криптовалюты легко в Cryptoboss casino, Cryptoboss casino – ваш лучший выбор, будьте боссом в мире криптовалютных игр с Cryptoboss casino, участвуйте в захватывающих играх в Cryptoboss casino, удивительные возможности в казино от Cryptoboss, особые привилегии для лучших игроков, достижения и успехи вместе с Cryptoboss casino, играйте на криптовалютных волнах вместе с Cryptoboss, получите криптовалютные призы в Cryptoboss casino, Cryptoboss casino – выбор тех, кто ценит качество, выигрывайте крупные суммы с Cryptoboss casino, Cryptoboss casino – гарант криптовалютных побед.
    сайт cryptoboss casino сайт cryptoboss .

  16. ArnoldDRODA表示:

    neurontin 800 mg pill: medicine neurontin capsules – neurontin buy from canada

  17. JosephWrela表示:

    cheap ventolin inhalers: Buy Albuterol for nebulizer online – ventolin canadian pharmacy

  18. Davidmer表示:

    neurontin drug: neurontin 500 mg – neurontin 400 mg tablets

  19. Davidmer表示:

    can you buy prednisone in canada: where can i get prednisone over the counter – buy prednisone online without a script

  20. ArnoldDRODA表示:

    lasix side effects: furosemide online – buy furosemide online

  21. Msfzwg表示:

    cheap artane pills – voltaren gel purchase online purchase cheap emulgel

  22. AlfredHag表示:

    lasix 40 mg cheap lasix furosemide 100mg

  23. ArnoldDRODA表示:

    prednisone 40 mg rx: average cost of prednisone 20 mg – prednisone for dogs

  24. AlfredHag表示:

    neurontin 600 mg pill buy neurontin 100 mg canada where to buy neurontin

  25. Sergiohex表示:

    https://prednisolone.pro/# canada buy prednisone online

  26. Gartandabsex表示:

    Как поднять настроение с помошью мемов. ржачные картинки
    https://qooh.me/vychislavyakov

  27. power bank купить в кишиневе http://www.magazin-model.ro .

發佈留言

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