馬老師 雲端研究室

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...

24,069 Responses

  1. Boycenog表示:
    2025-03-0102:35:23

    http://plinkocasinonl.com/# plinko casino nederland

    回覆
  2. Jamesgrona表示:
    2025-03-0102:33:44

    apple macbook air 15 m2 256gb apple macbook air 15 m3 купить

    回覆
  3. seo-продвижение медицинских сайтов表示:
    2025-03-0102:25:26

    Тут можно преобрести seo продвижение медицинских клиник продвижение медицинских сайтов

    回覆
  4. LarryHiz表示:
    2025-03-0102:24:39

    pinco: pinco.legal – pinco slot

    回覆
  5. Ronaldisota表示:
    2025-03-0102:15:49

    this website Fox.wallet

    回覆
  6. Ronaldisota表示:
    2025-03-0101:52:56

    navigate to this website Fox wallet extension

    回覆
  7. Dwightprugs表示:
    2025-03-0101:47:35

    https://plinkodeutsch.com/# Plinko Deutsch

    回覆
  8. MichaelBrefe表示:
    2025-03-0101:37:19

    pinco legal: pinco slot – pinco

    回覆
  9. продвижение медицинских услуг表示:
    2025-03-0101:36:56

    Тут можно преобрести seo под ключ продвижение медицинских сайтов

    回覆
  10. Ronaldisota表示:
    2025-03-0101:27:49

    discover this Fox wallet app

    回覆
  11. Ronaldisota表示:
    2025-03-0100:50:12

    Read More Here Fox wallet extension

    回覆
  12. Ronaldisota表示:
    2025-03-0100:35:50

    Our site
    [url=https://web-foxwallet.com/]Fox.wallet[/url]

    回覆
  13. Ronaldisota表示:
    2025-03-0100:32:57

    visit this site Wallet Fox

    回覆
  14. LarryHiz表示:
    2025-03-0100:32:39

    pinco legal: pinco.legal – pinco

    回覆
  15. Ronaldisota表示:
    2025-03-0100:32:14

    linked here
    [url=https://web-foxwallet.com/]Fox wallet extension[/url]

    回覆
  16. Ronaldisota表示:
    2025-03-0100:15:15

    read here
    Wallet Fox

    回覆
  17. Dwightprugs表示:
    2025-02-2823:56:32

    https://pinco.legal/# pinco slot

    回覆
  18. Ronaldisota表示:
    2025-02-2823:54:51

    official site Fox wallet

    回覆
  19. Ronaldisota表示:
    2025-02-2823:49:33

    Visit This Link
    Fox.wallet

    回覆
  20. MichaelBrefe表示:
    2025-02-2823:25:05

    Plinko: Plinko app – Plinko game

    回覆
  21. Pabloslunc表示:
    2025-02-2822:28:15

    plinko casino plinko casino plinko ball

    回覆
  22. LarryHiz表示:
    2025-02-2822:16:15

    plinko betrouwbaar: plinko spelen – plinko nl

    回覆
  23. сайт для клиники表示:
    2025-02-2821:58:29

    Тут можно преобрести создание медицинского сайта заказать сайт медицинского центра

    回覆
  24. сайт для клиники表示:
    2025-02-2821:02:23

    Тут можно преобрести разработка сайт медицинского центра разработка сайт медицинского центра

    回覆
  25. Навесы под ключ в Уфе表示:
    2025-02-2820:46:39

    Собственное производство металлоконструкций. Если вас интересует навес из поликарбоната под ключ мы предлогаем изготовление под ключ Навесы в Кировске

    回覆
  26. LarryHiz表示:
    2025-02-2820:24:11

    pinco slot: pinco casino – pinco legal

    回覆
  27. Pabloslunc表示:
    2025-02-2820:16:14

    Plinko Deutsch PlinkoDeutsch Plinko Deutsch

    回覆
  28. Boycenog表示:
    2025-02-2820:11:15

    https://pinco.legal/# pinco casino

    回覆
  29. MichaelBrefe表示:
    2025-02-2820:05:41

    plinko betrouwbaar: plinko casino nederland – plinko nederland

    回覆
  30. Dwightprugs表示:
    2025-02-2820:03:20

    https://plinkocasinonl.com/# plinko casino nederland

    回覆

發佈留言

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