馬老師 雲端研究室

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

  1. VictorEveft表示:
    2024-03-2409:06:46

    best india pharmacy: pharmacy website india – cheapest online pharmacy india

    回覆
  2. RalphDiolo表示:
    2024-03-2408:46:17

    medication from mexico pharmacy: п»їbest mexican online pharmacies – buying from online mexican pharmacy

    回覆
  3. Jamesseick表示:
    2024-03-2408:04:53

    pharmacies in mexico that ship to usa best online pharmacies in mexico mexico pharmacies prescription drugs

    回覆
  4. Robingug表示:
    2024-03-2407:41:30

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

    回覆
  5. VictorEveft表示:
    2024-03-2407:34:22

    indian pharmacies safe: cheapest online pharmacy india – indianpharmacy com

    回覆
  6. VictorEveft表示:
    2024-03-2404:50:56

    indian pharmacy: india pharmacy mail order – online shopping pharmacy india

    回覆
  7. VictorEveft表示:
    2024-03-2402:49:05

    mexico drug stores pharmacies: best online pharmacies in mexico – mexican rx online

    回覆
  8. JamieMearm表示:
    2024-03-2323:51:33

    mexico drug stores pharmacies: mexican pharmaceuticals online – purple pharmacy mexico price list

    回覆
  9. Robingug表示:
    2024-03-2323:36:47

    https://indianpharm.shop/# best online pharmacy india

    回覆
  10. RalphDiolo表示:
    2024-03-2323:35:40

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

    回覆
  11. RalphDiolo表示:
    2024-03-2323:14:58

    canadian pharmacy antibiotics: best canadian online pharmacy reviews – canada drugstore pharmacy rx

    回覆
  12. VictorEveft表示:
    2024-03-2323:05:36

    pharmacies in canada that ship to the us: canadian 24 hour pharmacy – canada drugstore pharmacy rx

    回覆
  13. VictorEveft表示:
    2024-03-2321:27:49

    indian pharmacy: best india pharmacy – india pharmacy

    回覆
  14. CarlosBrubs表示:
    2024-03-2319:22:21

    https://indianpharm.shop/# Online medicine order

    回覆
  15. VictorEveft表示:
    2024-03-2318:39:48

    canadian prescription: best online pharmacy that does not require a prescription in india – canada pharmacy no prescription

    回覆
  16. CarlosBrubs表示:
    2024-03-2317:40:14

    https://mexicanpharm.online/# medication from mexico pharmacy

    回覆
  17. VictorEveft表示:
    2024-03-2317:05:48

    world pharmacy india: pharmacy website india – Online medicine home delivery

    回覆
  18. Robingug表示:
    2024-03-2316:27:37

    https://canadianpharm.guru/# canadian drug stores

    回覆
  19. Timsothyabela表示:
    2024-03-2316:14:08

    Thank you for sharing your thoughts. I truly appreciate your efforts and I am waiting for your next post thanks once again.
    Ritual Drums

    回覆
  20. RalphDiolo表示:
    2024-03-2315:03:17

    canadian pharmacy king reviews: canadian pharmacy checker – best canadian pharmacy

    回覆
  21. RalphDiolo表示:
    2024-03-2314:42:45

    india pharmacy mail order: india pharmacy – india pharmacy mail order

    回覆
  22. VictorEveft表示:
    2024-03-2314:21:08

    mexican pharmaceuticals online: buying prescription drugs in mexico – medicine in mexico pharmacies

    回覆
  23. Jamesseick表示:
    2024-03-2314:17:14

    п»їbest mexican online pharmacies buying from online mexican pharmacy mexican online pharmacies prescription drugs

    回覆
  24. VictorEveft表示:
    2024-03-2312:49:07

    buying from online mexican pharmacy: mexico pharmacy – reputable mexican pharmacies online

    回覆
  25. Jamesseick表示:
    2024-03-2312:26:25

    п»їbest mexican online pharmacies medication from mexico pharmacy medicine in mexico pharmacies

    回覆
  26. JamieMearm表示:
    2024-03-2311:57:12

    canada pharmacy online no prescription: no prescription drugs online – prescription drugs canada

    回覆
  27. Robingug表示:
    2024-03-2309:30:00

    http://mexicanpharm.online/# buying from online mexican pharmacy

    回覆
  28. RalphDiolo表示:
    2024-03-2307:31:42

    buy canadian drugs: reliable canadian online pharmacy – legitimate canadian online pharmacies

    回覆
  29. RalphDiolo表示:
    2024-03-2307:15:59

    discount prescription drugs canada: mexican pharmacies no prescription – discount prescription drugs canada

    回覆
  30. CarlosBrubs表示:
    2024-03-2304:20:36

    http://mexicanpharm.online/# buying prescription drugs in mexico

    回覆

發佈留言

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