馬老師 雲端研究室

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

13,633 Responses

  1. Vivod iz zapoya rostov_mrmi表示:
    2025-01-0622:01:27

    нарколог на дом вывод из запоя ростов нарколог на дом вывод из запоя ростов .

    回覆
  2. LarryHom表示:
    2025-01-0621:34:25

    https://indianpharmacy.win/# buy medicines online in india

    回覆
  3. Brianchoky表示:
    2025-01-0620:40:57

    http://canadianpharmacy.win/# canadian pharmacies compare

    回覆
  4. Jamesknowl表示:
    2025-01-0619:34:11

    https://canadianpharmacy.win/# northern pharmacy canada

    回覆
  5. Vivod iz zapoya rostov_odOr表示:
    2025-01-0618:19:46

    вывод из запоя цены на дому ростов вывод из запоя цены на дому ростов .

    回覆
  6. Jamestus表示:
    2025-01-0618:05:16

    mexican rx online mexico drug stores pharmacies mexican border pharmacies shipping to usa

    回覆
  7. Jamesknowl表示:
    2025-01-0617:45:26

    https://canadianpharmacy.win/# best rated canadian pharmacy

    回覆
  8. Brianchoky表示:
    2025-01-0616:15:18

    https://canadianpharmacy.win/# trusted canadian pharmacy

    回覆
  9. Jamesknowl表示:
    2025-01-0615:49:01

    http://mexicanpharmacy.store/# medication from mexico pharmacy

    回覆
  10. ClaytonGauct表示:
    2025-01-0615:41:13

    canada drugstore pharmacy rx: best online canadian pharmacy – reputable canadian pharmacy

    回覆
  11. ClaytonGauct表示:
    2025-01-0613:40:43

    buying prescription drugs in mexico: buying prescription drugs in mexico – medication from mexico pharmacy

    回覆
  12. Brianchoky表示:
    2025-01-0613:40:13

    http://indianpharmacy.win/# indian pharmacy paypal

    回覆
  13. LarryHom表示:
    2025-01-0612:41:20

    https://mexicanpharmacy.store/# mexican mail order pharmacies

    回覆
  14. LarryHom表示:
    2025-01-0611:05:24

    http://indianpharmacy.win/# pharmacy website india

    回覆
  15. Jamesknowl表示:
    2025-01-0608:47:10

    http://indianpharmacy.win/# reputable indian pharmacies

    回覆
  16. Jamestus表示:
    2025-01-0608:26:15

    mexican border pharmacies shipping to usa medicine in mexico pharmacies mexican border pharmacies shipping to usa

    回覆
  17. Jamestus表示:
    2025-01-0607:14:29

    canadian pharmacy meds reviews best online canadian pharmacy best rated canadian pharmacy

    回覆
  18. Brianchoky表示:
    2025-01-0607:05:13

    https://indianpharmacy.win/# best online pharmacy india

    回覆
  19. Jamesknowl表示:
    2025-01-0607:00:54

    http://indianpharmacy.win/# Online medicine home delivery

    回覆
  20. Jamesknowl表示:
    2025-01-0605:07:50

    http://indianpharmacy.win/# buy medicines online in india

    回覆
  21. ClaytonGauct表示:
    2025-01-0604:53:45

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

    回覆
  22. canadian pharmacy meds表示:
    2025-01-0602:56:44

    prescription drug prices

    回覆
  23. ClaytonGauct表示:
    2025-01-0602:46:14

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

    回覆
  24. Jamestus表示:
    2025-01-0602:45:14

    buying prescription drugs in mexico medication from mexico pharmacy mexican mail order pharmacies

    回覆
  25. LarryHom表示:
    2025-01-0602:13:57

    http://mexicanpharmacy.store/# mexican border pharmacies shipping to usa

    回覆
  26. Brianchoky表示:
    2025-01-0600:38:56

    https://indianpharmacy.win/# indian pharmacy paypal

    回覆
  27. LarryHom表示:
    2025-01-0600:36:32

    http://mexicanpharmacy.store/# mexican rx online

    回覆
  28. Jamesknowl表示:
    2025-01-0522:19:16

    https://canadianpharmacy.win/# pharmacy in canada

    回覆
  29. Jamesknowl表示:
    2025-01-0520:33:29

    http://mexicanpharmacy.store/# mexican pharmaceuticals online

    回覆
  30. Brianchoky表示:
    2025-01-0520:29:17

    http://canadianpharmacy.win/# canada drugs

    回覆

發佈留言

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