馬老師 雲端研究室

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

11,959 Responses

  1. Michaelcew表示:
    2024-04-2112:42:05

    https://canadaph24.pro/# canadian pharmacy 24h com safe

    回覆
  2. Marcelabelp表示:
    2024-04-2112:21:48

    http://canadaph24.pro/# trustworthy canadian pharmacy

    回覆
  3. Rickysem表示:
    2024-04-2111:52:17

    п»їbest mexican online pharmacies cheapest mexico drugs mexican pharmaceuticals online

    回覆
  4. WilliamPaw表示:
    2024-04-2111:37:54

    indian pharmacy online https://indiaph24.store/# top online pharmacy india
    buy medicines online in india

    回覆
  5. WilliamPaw表示:
    2024-04-2110:28:34

    indian pharmacy online https://indiaph24.store/# best online pharmacy india
    india online pharmacy

    回覆
  6. Marcelabelp表示:
    2024-04-2109:55:10

    http://indiaph24.store/# india pharmacy mail order

    回覆
  7. Rickysem表示:
    2024-04-2109:20:28

    best canadian pharmacy online Large Selection of Medications from Canada canada drug pharmacy

    回覆
  8. WilliamPaw表示:
    2024-04-2108:53:23

    india pharmacy https://indiaph24.store/# п»їlegitimate online pharmacies india
    indianpharmacy com

    回覆
  9. WilliamPaw表示:
    2024-04-2108:43:36

    reputable indian pharmacies http://indiaph24.store/# buy medicines online in india
    indian pharmacy paypal

    回覆
  10. WilliamPaw表示:
    2024-04-2108:17:33

    п»їlegitimate online pharmacies india http://indiaph24.store/# buy prescription drugs from india
    indian pharmacy online

    回覆
  11. Marcelabelp表示:
    2024-04-2107:27:30

    https://mexicoph24.life/# mexican online pharmacies prescription drugs

    回覆
  12. Rickysem表示:
    2024-04-2106:43:08

    indian pharmacy online indian pharmacy fast delivery india pharmacy

    回覆
  13. Michaelcew表示:
    2024-04-2106:33:15

    http://mexicoph24.life/# mexican pharmaceuticals online

    回覆
  14. Tdstja表示:
    2024-04-2105:38:25

    how to buy prandin – cheap prandin 1mg purchase jardiance generic

    回覆
  15. Marcelabelp表示:
    2024-04-2105:05:37

    http://indiaph24.store/# top online pharmacy india

    回覆
  16. Floydwax表示:
    2024-04-2105:05:25

    buying prescription drugs in mexico: cheapest mexico drugs – mexican border pharmacies shipping to usa

    回覆
  17. WilliamPaw表示:
    2024-04-2104:59:39

    indian pharmacy paypal http://indiaph24.store/# india online pharmacy
    top 10 online pharmacy in india

    回覆
  18. WilliamPaw表示:
    2024-04-2104:43:18

    reputable indian online pharmacy http://indiaph24.store/# reputable indian pharmacies
    indian pharmacy paypal

    回覆
  19. WilliamPaw表示:
    2024-04-2104:22:22

    cheapest online pharmacy india https://indiaph24.store/# india online pharmacy
    indian pharmacy online

    回覆
  20. Rickysem表示:
    2024-04-2104:03:16

    india pharmacy indian pharmacy fast delivery indian pharmacy

    回覆
  21. Floydwax表示:
    2024-04-2103:57:52

    mexico pharmacies prescription drugs: mexican rx online – mexican pharmacy

    回覆
  22. WilliamPaw表示:
    2024-04-2103:47:08

    reputable indian online pharmacy http://indiaph24.store/# mail order pharmacy india
    п»їlegitimate online pharmacies india

    回覆
  23. Floydwax表示:
    2024-04-2103:28:54

    mexico pharmacy: Mexican Pharmacy Online – mexican online pharmacies prescription drugs

    回覆
  24. Floydwax表示:
    2024-04-2102:15:53

    pharmacies in mexico that ship to usa: pharmacies in mexico that ship to usa – mexican online pharmacies prescription drugs

    回覆
  25. Marcelabelp表示:
    2024-04-2102:01:21

    https://mexicoph24.life/# mexican drugstore online

    回覆
  26. WilliamPaw表示:
    2024-04-2101:26:11

    pharmacy website india http://indiaph24.store/# top 10 online pharmacy in india
    indian pharmacies safe

    回覆
  27. WilliamPaw表示:
    2024-04-2101:02:07

    world pharmacy india https://indiaph24.store/# reputable indian pharmacies
    buy prescription drugs from india

    回覆
  28. Rickysem表示:
    2024-04-2100:26:33

    onlinepharmaciescanada com canadian pharmacies legitimate canadian mail order pharmacy

    回覆
  29. Floydwax表示:
    2024-04-2100:16:06

    pharmacies in mexico that ship to usa: reputable mexican pharmacies online – reputable mexican pharmacies online

    回覆
  30. Floydwax表示:
    2024-04-2023:36:07

    mexican pharmacy: Mexican Pharmacy Online – mexico drug stores pharmacies

    回覆

發佈留言

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