馬老師 雲端研究室

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

  1. Floydwax表示:
    2024-04-2022:27:05

    mexican drugstore online: cheapest mexico drugs – mexican pharmacy

    回覆
  2. WilliamPaw表示:
    2024-04-2022:18:49

    online pharmacy india http://indiaph24.store/# buy medicines online in india
    mail order pharmacy india

    回覆
  3. Floydwax表示:
    2024-04-2022:09:23

    mexican border pharmacies shipping to usa: Mexican Pharmacy Online – mexican border pharmacies shipping to usa

    回覆
  4. WilliamPaw表示:
    2024-04-2022:01:17

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

    回覆
  5. Marcelabelp表示:
    2024-04-2021:56:29

    https://mexicoph24.life/# mexico drug stores pharmacies

    回覆
  6. Floydwax表示:
    2024-04-2021:02:56

    best online pharmacies in mexico: mexican pharmacy – buying from online mexican pharmacy

    回覆
  7. Floydwax表示:
    2024-04-2020:45:20

    medication from mexico pharmacy: Mexican Pharmacy Online – pharmacies in mexico that ship to usa

    回覆
  8. Rickysem表示:
    2024-04-2020:35:43

    reputable canadian pharmacy Prescription Drugs from Canada canadian pharmacy

    回覆
  9. Floydwax表示:
    2024-04-2019:57:19

    mexican border pharmacies shipping to usa: Online Pharmacies in Mexico – mexican mail order pharmacies

    回覆
  10. Floydwax表示:
    2024-04-2019:34:35

    mexican mail order pharmacies: Online Pharmacies in Mexico – mexican drugstore online

    回覆
  11. WilliamPaw表示:
    2024-04-2018:32:54

    mail order pharmacy india https://indiaph24.store/# online pharmacy india
    buy prescription drugs from india

    回覆
  12. Michaelcew表示:
    2024-04-2018:15:48

    https://canadaph24.pro/# buying from canadian pharmacies

    回覆
  13. Marcelabelp表示:
    2024-04-2018:09:37

    http://indiaph24.store/# legitimate online pharmacies india

    回覆
  14. WilliamPaw表示:
    2024-04-2017:59:26

    indian pharmacy online http://indiaph24.store/# indian pharmacy
    indian pharmacy online

    回覆
  15. Floydwax表示:
    2024-04-2017:57:08

    п»їbest mexican online pharmacies: mexican border pharmacies shipping to usa – mexican drugstore online

    回覆
  16. WilliamPaw表示:
    2024-04-2017:42:31

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

    回覆
  17. Rickysem表示:
    2024-04-2017:13:44

    reputable mexican pharmacies online mexico pharmacy pharmacies in mexico that ship to usa

    回覆
  18. Floydwax表示:
    2024-04-2017:05:08

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

    回覆
  19. Floydwax表示:
    2024-04-2016:24:38

    mexico pharmacy: Online Pharmacies in Mexico – mexican pharmacy

    回覆
  20. Floydwax表示:
    2024-04-2015:44:06

    mexico drug stores pharmacies: п»їbest mexican online pharmacies – mexican pharmacy

    回覆
  21. Floydwax表示:
    2024-04-2014:58:16

    medicine in mexico pharmacies: Mexican Pharmacy Online – purple pharmacy mexico price list

    回覆
  22. Marcelabelp表示:
    2024-04-2014:44:03

    https://canadaph24.pro/# best canadian pharmacy to buy from

    回覆
  23. WilliamPaw表示:
    2024-04-2014:38:29

    Online medicine order https://indiaph24.store/# pharmacy website india
    indian pharmacy paypal

    回覆
  24. Stevenrip表示:
    2024-04-2014:31:48

    mexico pharmacies prescription drugs: cheapest mexico drugs – medication from mexico pharmacy

    回覆
  25. Rickysem表示:
    2024-04-2013:58:37

    mexican rx online mexico pharmacy buying from online mexican pharmacy

    回覆
  26. Floydwax表示:
    2024-04-2013:52:27

    mexican online pharmacies prescription drugs: mexico pharmacy – mexico drug stores pharmacies

    回覆
  27. Floydwax表示:
    2024-04-2013:38:20

    best online pharmacies in mexico: mexico pharmacy – mexican pharmaceuticals online

    回覆
  28. Floydwax表示:
    2024-04-2013:08:47

    mexico drug stores pharmacies: mexican pharmacy – mexico drug stores pharmacies

    回覆
  29. SLhaneevige表示:
    2024-04-2012:02:38

    Здравствуйте!
    купить диплом о среднем специальном

    Желаю всем нужных отметок!
    http://www.dancerussia.ru/forum/viewtopic.php?f=17&t=16248&p=23384

    купить диплом о высшем образовании
    купить диплом магистра
    купить диплом ссср

    回覆
  30. WalterJuisk表示:
    2024-04-2011:21:35

    http://casinvietnam.shop/# casino online uy tin

    回覆

發佈留言

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