馬老師 雲端研究室

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,531 Responses

  1. RobertCow表示:
    2024-12-3014:21:06

    gramster.ru: gramster – pinup 2025

    回覆
  2. DarrenWab表示:
    2024-12-3014:15:50

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

    回覆
  3. G4o2gleobliz表示:
    2024-12-3012:49:05

    комета казино слоты

    回覆
  4. Jeffreywex表示:
    2024-12-3011:59:19

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

    回覆
  5. Jamesboype表示:
    2024-12-3009:41:04

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

    回覆
  6. Jeffreywex表示:
    2024-12-3009:40:27

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

    回覆
  7. izi drop promokod_zeEn表示:
    2024-12-3009:32:00

    промокод easy drop промокод easy drop .

    回覆
  8. Jamesboype表示:
    2024-12-3008:02:38

    http://gramster.ru/# пин ап вход

    回覆
  9. WilliamDen表示:
    2024-12-3006:55:48

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

    回覆
  10. Jamesboype表示:
    2024-12-3006:14:56

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

    回覆
  11. RobertCow表示:
    2024-12-3006:06:57

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

    回覆
  12. Jeffreywex表示:
    2024-12-3005:57:27

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

    回覆
  13. DarrenWab表示:
    2024-12-3005:48:11

    пин ап казино Gramster пинап казино

    回覆
  14. Telegram下载表示:
    2024-12-3005:31:55

    Hello World聊天翻译助手专注于为出海企业提供高质量的即时聊天翻译服务,专业聊天翻译技术,极速稳定收发,全球畅游,使用邮箱免费注册登录体验,专业翻译技术团队开发,超数百家企业信赖,支持whatsapp Line Tinder Twitter Instagram Telegram Zalo Facebook Badoo Bumble Quora Linkedin googleVoice Crisp Hangouts TextNow VK等软件的实时聊天翻译,无限网页多开。支持facebook群发,whastsapp群发,googleVoice群发 HelloWord翻译 https://www.hiword.cc

    回覆
  15. izi drop promokod_afEn表示:
    2024-12-3005:12:17

    промокоды изи дроп 100 процентов промокоды изи дроп 100 процентов .

    回覆
  16. WilliamDen表示:
    2024-12-3005:08:04

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

    回覆
  17. G7o2gleobliz表示:
    2024-12-3004:57:52

    Комета казино: играйте онлайн на официальном сайте и зеркалах! Бонусы, слоты, джекпоты, лайв казино. Регистрация, вход, промокоды, бездеп. Бесплатно и на реальные деньги. Скачать.

    Официальный канал телеграм t.me/Kometa_promokod_bonus
    Актуальные промокоды

    回覆
  18. DarrenWab表示:
    2024-12-3004:47:49

    пин ап зеркало gramster pinup 2025

    回覆
  19. RobertCow表示:
    2024-12-3004:16:48

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

    回覆
  20. Jeffreywex表示:
    2024-12-3003:42:29

    https://gramster.ru/# pinup 2025

    回覆
  21. DarrenWab表示:
    2024-12-3000:40:17

    pinup 2025 gramster пин ап казино зеркало

    回覆
  22. Jeffreywex表示:
    2024-12-3000:02:49

    http://gramster.ru/# pinup 2025

    回覆
  23. Jamesboype表示:
    2024-12-3000:00:00

    https://gramster.ru/# pinup 2025

    回覆
  24. Jamesboype表示:
    2024-12-2922:12:15

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

    回覆
  25. Jeffreywex表示:
    2024-12-2921:47:21

    http://gramster.ru/# pinup 2025

    回覆
  26. Jamesboype表示:
    2024-12-2920:27:17

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

    回覆
  27. RobertCow表示:
    2024-12-2919:54:06

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

    回覆
  28. G7o2gleobliz表示:
    2024-12-2919:08:32

    Промокоды бонусы комета казино

    回覆
  29. WilliamDen表示:
    2024-12-2919:07:59

    https://gramster.ru/# pinup 2025

    回覆
  30. RobertCow表示:
    2024-12-2918:02:51

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

    回覆

發佈留言

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