馬老師 雲端研究室

Passion inspires professional

馬老師 雲端研究室

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

by · 2011-09-08

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

Apple 官網產品介紹頁面截圖

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

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

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

Tags:

You may also like...

13,595 Responses

  1. RobertCow表示:
    2025-01-0204:47:14

    пин ап зеркало: gramster – пин ап казино

    回覆
  2. WilliamDen表示:
    2025-01-0204:45:25

    https://gramster.ru/# пин ап казино зеркало

    回覆
  3. Jeffreywex表示:
    2025-01-0204:43:20

    http://gramster.ru/# пин ап казино зеркало

    回覆
  4. Ремонт ноутбуков Lenovo Москва表示:
    2025-01-0204:05:18

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

    回覆
  5. Jamesboype表示:
    2025-01-0203:11:41

    http://gramster.ru/# пин ап

    回覆
  6. WilliamDen表示:
    2025-01-0202:59:25

    http://gramster.ru/# пин ап казино

    回覆
  7. RobertCow表示:
    2025-01-0202:54:28

    пин ап казино: gramster.ru – пин ап казино

    回覆
  8. DarrenWab表示:
    2025-01-0201:33:57

    пин ап казино официальный сайт gramster.ru пин ап вход

    回覆
  9. Jamesboype表示:
    2025-01-0201:24:09

    https://gramster.ru/# пин ап

    回覆
  10. DarrenWab表示:
    2025-01-0200:35:55

    pinup 2025 gramster.ru gramster.ru

    回覆
  11. Ремонт ноутбуков Lenovo Москва表示:
    2025-01-0123:29:35

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

    回覆
  12. Ремонт ноутбуков Lenovo表示:
    2025-01-0122:47:25

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

    回覆
  13. Jeffreywex表示:
    2025-01-0122:43:19

    http://gramster.ru/# pinup 2025

    回覆
  14. DarrenWab表示:
    2025-01-0120:56:25

    pinup 2025 Gramster gramster.ru

    回覆
  15. Jamesboype表示:
    2025-01-0119:55:30

    http://gramster.ru/# пин ап зеркало

    回覆
  16. RobertCow表示:
    2025-01-0119:21:10

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

    回覆
  17. Jeffreywex表示:
    2025-01-0118:57:50

    http://gramster.ru/# пин ап казино официальный сайт

    回覆
  18. Jamesboype表示:
    2025-01-0118:23:26

    http://gramster.ru/# пин ап зеркало

    回覆
  19. WilliamDen表示:
    2025-01-0117:40:26

    https://gramster.ru/# pinup 2025

    回覆
  20. RobertCow表示:
    2025-01-0117:29:21

    пинап казино: Gramster – pinup 2025

    回覆
  21. Jeffreywex表示:
    2025-01-0116:42:36

    http://gramster.ru/# пин ап зеркало

    回覆
  22. Jamesboype表示:
    2025-01-0116:41:23

    http://gramster.ru/# пин ап зеркало

    回覆
  23. WilliamDen表示:
    2025-01-0115:59:35

    https://gramster.ru/# пинап казино

    回覆
  24. DarrenWab表示:
    2025-01-0112:43:27

    пин ап казино официальный сайт Gramster pinup 2025

    回覆
  25. DarrenWab表示:
    2025-01-0111:42:35

    pinup 2025 Gramster gramster.ru

    回覆
  26. Jeffreywex表示:
    2025-01-0110:46:40

    https://gramster.ru/# pinup 2025

    回覆
  27. Jamesboype表示:
    2025-01-0110:34:45

    http://gramster.ru/# пин ап казино зеркало

    回覆
  28. RobertCow表示:
    2025-01-0109:23:35

    пин ап: gramster – пин ап казино официальный сайт

    回覆
  29. Jamesboype表示:
    2025-01-0108:56:32

    http://gramster.ru/# пин ап казино

    回覆
  30. DarrenWab表示:
    2025-01-0107:42:49

    пинап казино Gramster пин ап казино официальный сайт

    回覆

發佈留言

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