馬老師 雲端研究室

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

12,070 Responses

  1. Manueltep表示:
    2024-03-1804:15:09

    https://canadianpharmlk.com/# certified canadian international pharmacy canadianpharm.store

    回覆
  2. RobertBuica表示:
    2024-03-1804:14:11

    http://mexicanpharm24.com/# mexican border pharmacies shipping to usa mexicanpharm.shop

    回覆
  3. Richardkam表示:
    2024-03-1802:25:43

    indian pharmacy: online pharmacy in india – online pharmacy india indianpharm.store

    回覆
  4. Manueltep表示:
    2024-03-1801:08:51

    http://indianpharm24.shop/# top online pharmacy india indianpharm.store

    回覆
  5. MarcusSip表示:
    2024-03-1800:19:48

    best online pharmacy india Online India pharmacy mail order pharmacy india indianpharm.store

    回覆
  6. Manueltep表示:
    2024-03-1723:25:15

    https://mexicanpharm24.com/# mexico pharmacies prescription drugs mexicanpharm.shop

    回覆
  7. MarcusSip表示:
    2024-03-1722:32:03

    real canadian pharmacy Best Canadian online pharmacy canadian pharmacies that deliver to the us canadianpharm.store

    回覆
  8. RobertBuica表示:
    2024-03-1721:00:27

    https://mexicanpharm24.shop/# п»їbest mexican online pharmacies mexicanpharm.shop

    回覆
  9. Philipjofog表示:
    2024-03-1720:43:22

    india pharmacy: online pharmacy usa – cheapest online pharmacy india indianpharm.store

    回覆
  10. Billygon表示:
    2024-03-1720:39:38

    http://mexicanpharm24.com/# mexico drug stores pharmacies mexicanpharm.shop

    回覆
  11. Manueltep表示:
    2024-03-1720:30:33

    https://mexicanpharm24.com/# best mexican online pharmacies mexicanpharm.shop

    回覆
  12. Philipjofog表示:
    2024-03-1720:26:27

    indian pharmacy online: india pharmacy – world pharmacy india indianpharm.store

    回覆
  13. Manueltep表示:
    2024-03-1718:51:40

    http://canadianpharmlk.shop/# best canadian pharmacy online canadianpharm.store

    回覆
  14. Manueltep表示:
    2024-03-1715:33:21

    https://indianpharm24.com/# top 10 online pharmacy in india indianpharm.store

    回覆
  15. RobertBuica表示:
    2024-03-1713:58:21

    https://canadianpharmlk.shop/# canadian pharmacy price checker canadianpharm.store

    回覆
  16. Philipjofog表示:
    2024-03-1712:40:24

    medication from mexico pharmacy: mexican pharmacy – reputable mexican pharmacies online mexicanpharm.shop

    回覆
  17. Philipjofog表示:
    2024-03-1712:22:07

    top 10 online pharmacy in india: india pharmacy – best india pharmacy indianpharm.store

    回覆
  18. Manueltep表示:
    2024-03-1709:42:09

    http://canadianpharmlk.com/# best canadian online pharmacy reviews canadianpharm.store

    回覆
  19. Richardkam表示:
    2024-03-1708:54:57

    indian pharmacies safe: indian pharmacy – online pharmacy india indianpharm.store

    回覆
  20. Billygon表示:
    2024-03-1708:44:47

    https://canadianpharmlk.com/# canada cloud pharmacy canadianpharm.store

    回覆
  21. Richardkam表示:
    2024-03-1707:04:09

    mexican pharmaceuticals online: Medicines Mexico – mexico pharmacies prescription drugs mexicanpharm.shop

    回覆
  22. Manueltep表示:
    2024-03-1706:53:11

    http://canadianpharmlk.shop/# canada drugstore pharmacy rx canadianpharm.store

    回覆
  23. Manueltep表示:
    2024-03-1705:13:35

    https://mexicanpharm24.shop/# reputable mexican pharmacies online mexicanpharm.shop

    回覆
  24. MarcusSip表示:
    2024-03-1705:02:02

    canada pharmacy Canadian pharmacy prices rate canadian pharmacies canadianpharm.store

    回覆
  25. Philipjofog表示:
    2024-03-1704:29:28

    reliable canadian pharmacy: Canada pharmacy – canadian drugs pharmacy canadianpharm.store

    回覆
  26. Philipjofog表示:
    2024-03-1704:07:49

    indian pharmacy online: indian pharmacy – cheapest online pharmacy india indianpharm.store

    回覆
  27. MarcusSip表示:
    2024-03-1703:13:31

    п»їlegitimate online pharmacies india Top online pharmacy in India india online pharmacy indianpharm.store

    回覆
  28. Manueltep表示:
    2024-03-1701:48:59

    https://mexicanpharm24.shop/# buying prescription drugs in mexico online mexicanpharm.shop

    回覆
  29. Manueltep表示:
    2024-03-1623:51:06

    http://canadianpharmlk.com/# legit canadian pharmacy online canadianpharm.store

    回覆
  30. RobertBuica表示:
    2024-03-1623:22:06

    http://mexicanpharm24.shop/# medication from mexico pharmacy mexicanpharm.shop

    回覆

發佈留言

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