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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,980 Responses

  1. Eltonkep表示:

    kraken официальная ссылка – kraken зеркало официальный, kraken market ссылка

  2. Richardprurf表示:

    https://tadalafilmeilleurprix.com/# pharmacie en ligne france livraison internationale
    pharmacie en ligne france livraison internationale

  3. NorbertKep表示:

    trouver un mГ©dicament en pharmacie: kamagra livraison 24h – Achat mГ©dicament en ligne fiable

  4. Perryzoozy表示:

    pharmacies en ligne certifiГ©es achat kamagra acheter mГ©dicament en ligne sans ordonnance

  5. WilsonVah表示:

    SildГ©nafil 100mg pharmacie en ligne: acheter du viagra – Viagra homme prix en pharmacie sans ordonnance

  6. Eltonkep表示:

    [url=https://kra27.ca/]кракен как зайти[/url] – kraken официальный сайт, кракен питер

  7. Eltonkep表示:

    кракен как зайти – kraken ссылка, kraken официальная ссылка

  8. Richardprurf表示:

    https://viagrameilleurprix.com/# Viagra homme prix en pharmacie sans ordonnance
    pharmacie en ligne france livraison internationale

  9. Eltonkep表示:

    кракен рутор – площадка kraken, тор kraken

  10. Eltonkep表示:

    kraken шоп – кракен питер, kraken москва адрес kraken

  11. NorbertKep表示:

    pharmacies en ligne certifiГ©es: pharmacie en ligne sans ordonnance – pharmacie en ligne france livraison internationale

  12. Jacobbep表示:

    pharmacie en ligne https://kamagrameilleurprix.shop/# pharmacie en ligne france livraison internationale

  13. Eltonkep表示:

    кракен рабочая ссылка – кракен шоп, кракен шоп

  14. Eltonkep表示:

    [url=https://kra27.ca]kraken ссылка[/url] – кракен ссылка, kraken market ссылка

  15. Eltonkep表示:

    kraken онион – kraken сайт, kraken ссылка

  16. Eltonkep表示:

    kraken onion – tor kraken, kraken зеркало официальный

  17. Eltonkep表示:

    кракен зеркало – kraken ссылка зеркало рабочее, кракен рабочая ссылка

  18. WilsonVah表示:

    Viagra homme prix en pharmacie: Viagra sans ordonnance 24h – SildГ©nafil 100 mg sans ordonnance

  19. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 11 рядом, можете посмотреть на сайте: ремонт iphone 11 цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  20. NorbertKep表示:

    pharmacies en ligne certifiГ©es: Acheter Cialis – pharmacie en ligne

  21. Eltonkep表示:

    кракен площадка – https kraken, кракен

  22. Eltonkep表示:

    kraken официальный сайт – tor kraken, kraken зеркало тор

  23. WilsonVah表示:

    pharmacies en ligne certifiГ©es: cialis prix – pharmacie en ligne france livraison internationale

  24. Richardprurf表示:

    https://kamagrameilleurprix.com/# Achat mГ©dicament en ligne fiable
    pharmacie en ligne livraison europe

  25. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 11, можете посмотреть на сайте: ремонт iphone 11 адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  26. Perryzoozy表示:

    SildГ©nafil 100 mg sans ordonnance Viagra sans ordonnance 24h Acheter viagra en ligne livraison 24h

  27. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 11, можете посмотреть на сайте: ремонт iphone 11
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  28. NorbertKep表示:

    Viagra homme prix en pharmacie sans ordonnance: Acheter Viagra Cialis sans ordonnance – Viagra en france livraison rapide

  29. Jacobbep表示:

    acheter mГ©dicament en ligne sans ordonnance https://kamagrameilleurprix.com/# pharmacie en ligne france pas cher

發佈留言

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