馬老師 雲端研究室

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

7,466 Responses

  1. Larrylab表示:
    2024-04-0923:30:16

    canadianpharmacymeds Pharmacies in Canada that ship to the US canadian pharmacy near me

    回覆
  2. Larrylab表示:
    2024-04-0923:16:15

    canadian 24 hour pharmacy Cheapest drug prices Canada canadian pharmacy prices

    回覆
  3. DavidJeado表示:
    2024-04-0923:04:59

    pharmacies in mexico that ship to usa: Mexico drugstore – mexican pharmaceuticals online

    回覆
  4. Roscoeevern表示:
    2024-04-0919:25:55

    https://canadianpharmgrx.com/# legit canadian pharmacy

    回覆
  5. Roscoeevern表示:
    2024-04-0917:36:14

    http://indianpharmgrx.shop/# Online medicine home delivery

    回覆
  6. Larrylab表示:
    2024-04-0917:08:34

    canadian pharmacy world Canada pharmacy canadian pharmacy near me

    回覆
  7. Larrylab表示:
    2024-04-0916:53:57

    canada pharmacy world Canada pharmacy online pharmacy in canada

    回覆
  8. Chasefounc表示:
    2024-04-0915:40:11

    mail order pharmacy india: indian pharmacy delivery – buy medicines online in india

    回覆
  9. Roscoeevern表示:
    2024-04-0914:33:50

    https://canadianpharmgrx.com/# reliable canadian pharmacy

    回覆
  10. Roscoeevern表示:
    2024-04-0912:52:52

    http://canadianpharmgrx.com/# reliable canadian online pharmacy

    回覆
  11. LamarSix表示:
    2024-04-0912:23:20

    best online canadian pharmacy: legitimate canadian mail order pharmacy – canadian online pharmacy

    回覆
  12. LamarSix表示:
    2024-04-0910:31:46

    cheapest online pharmacy india: pharmacy website india – indian pharmacy online

    回覆
  13. Larrylab表示:
    2024-04-0910:30:55

    reputable indian online pharmacy indian pharmacy delivery top 10 online pharmacy in india

    回覆
  14. Roscoeevern表示:
    2024-04-0910:05:30

    https://mexicanpharmgrx.com/# mexico pharmacy

    回覆
  15. Roscoeevern表示:
    2024-04-0908:29:20

    http://mexicanpharmgrx.shop/# mexican drugstore online

    回覆
  16. Roscoeevern表示:
    2024-04-0905:28:07

    https://mexicanpharmgrx.shop/# pharmacies in mexico that ship to usa

    回覆
  17. DavidJeado表示:
    2024-04-0904:28:45

    indian pharmacy online: indian pharmacy – pharmacy website india

    回覆
  18. Larrylab表示:
    2024-04-0903:57:32

    legitimate canadian pharmacy Best Canadian online pharmacy canadian pharmacy checker

    回覆
  19. Larrylab表示:
    2024-04-0903:41:27

    safe online pharmacies in canada Certified Canadian pharmacies canadian pharmacy 24h com safe

    回覆
  20. Roscoeevern表示:
    2024-04-0903:39:40

    http://indianpharmgrx.com/# best india pharmacy

    回覆
  21. DavidJeado表示:
    2024-04-0902:34:33

    mexican pharmaceuticals online: online pharmacy in Mexico – buying from online mexican pharmacy

    回覆
  22. Chasefounc表示:
    2024-04-0901:59:32

    canadian pharmacy uk delivery: International Pharmacy delivery – canadian compounding pharmacy

    回覆
  23. Roscoeevern表示:
    2024-04-0900:43:43

    http://indianpharmgrx.shop/# world pharmacy india

    回覆
  24. Roscoeevern表示:
    2024-04-0822:59:39

    https://canadianpharmgrx.com/# canadian drugs

    回覆
  25. Larrylab表示:
    2024-04-0821:19:33

    mexican border pharmacies shipping to usa Mexico drugstore purple pharmacy mexico price list

    回覆
  26. Larrylab表示:
    2024-04-0821:07:25

    mexico drug stores pharmacies buying prescription drugs in mexico online medicine in mexico pharmacies

    回覆
  27. Roscoeevern表示:
    2024-04-0819:39:04

    http://canadianpharmgrx.com/# medication canadian pharmacy

    回覆
  28. LamarSix表示:
    2024-04-0818:42:35

    purple pharmacy mexico price list: mexican pharmacy – medicine in mexico pharmacies

    回覆
  29. Roscoeevern表示:
    2024-04-0817:51:41

    http://indianpharmgrx.com/# best online pharmacy india

    回覆
  30. LamarSix表示:
    2024-04-0816:59:56

    canadian pharmacy no scripts: Pharmacies in Canada that ship to the US – pharmacy wholesalers canada

    回覆

發佈留言

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