馬老師 雲端研究室

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

  1. MichealFlips表示:
    2022-06-2810:30:02

    where can i buy neurontin from canada neurontin 100mg cap

    回覆
  2. RaymondCrype表示:
    2022-06-2802:41:13

    https://buylipitor.store/# lipitor tablets 10mg price

    回覆
  3. Anthonynug表示:
    2022-06-2802:20:16

    https://buynolvadex.store/# tamoxifen premenopausal

    回覆
  4. WilliamTraug表示:
    2022-06-2722:35:46

    tamoxifen endometriosis alternative to tamoxifen

    回覆
  5. Anthonynug表示:
    2022-06-2722:27:41

    https://buymetformin.best/# metformin 500mg tablets in india

    回覆
  6. RonaldSnulk表示:
    2022-06-2716:06:13

    https://buylasix.icu/# lasix 20 mg

    回覆
  7. Moduhf表示:
    2022-06-2705:00:29

    buy clopidogrel 75mg pill – cheap coumadin 2mg reglan 20mg drug

    回覆
  8. Edwarddaf表示:
    2022-06-2702:13:46

    tadalafil soft gel capsule tadalafil 20mg price in india

    回覆
  9. Homerphest表示:
    2022-06-2700:35:50

    125 mg metformin metformin 850 mg tablet

    回覆
  10. Edwarddaf表示:
    2022-06-2700:32:42

    metformin canada brand name metformin 125 mg

    回覆
  11. WilliamTraug表示:
    2022-06-2621:20:58

    metformin online australia metformin tablets 800mg

    回覆
  12. RaymondCrype表示:
    2022-06-2617:52:25

    https://buytadalafil.men/# tadalafil 22 mg

    回覆
  13. Anthonynug表示:
    2022-06-2613:40:41

    https://buytadalafil.men/# buy tadalafil 20

    回覆
  14. Anthonynug表示:
    2022-06-2609:50:22

    https://buynolvadex.store/# clomid nolvadex

    回覆
  15. bzevpdny表示:
    2022-06-2600:21:22

    hydroxychloroquine 200mg where to buy

    回覆
  16. Homerphest表示:
    2022-06-2521:01:14

    metformin 500mg tablets in india generic metformin prescription mexico

    回覆
  17. Fsfxdy表示:
    2022-06-2511:28:03

    flexeril 15mg ca – toradol 10mg sale inderal 10mg generic

    回覆
  18. WilliamTraug表示:
    2022-06-2504:01:10

    https://buynolvadex.store/# tamoxifen effectiveness

    回覆
  19. GlennAnive表示:
    2022-06-2422:54:28

    generic lipitor for sale lipitor drug prices

    回覆
  20. RaymondCrype表示:
    2022-06-2419:22:26

    https://buylipitor.store/# lipitor generic coupon

    回覆
  21. Rickymug表示:
    2022-06-2419:10:45

    buy tadalafil from canada buy tadalafil cialis

    回覆
  22. DavidJex表示:
    2022-06-2409:38:42

    generic metformin 10 mg tablet metformin usa

    回覆
  23. ShelbyImimb表示:
    2022-06-2402:05:17

    vibramycin 100 mg doxycycline pills for sale

    回覆
  24. GeorgegaifF表示:
    2022-06-2321:39:26

    buy clomid online paypal clomid buy

    回覆
  25. Stepheninsug表示:
    2022-06-2320:29:17

    https://amoxilforsale.best/# amoxil generic

    回覆
  26. Qvxudx表示:
    2022-06-2317:34:29

    buy isotretinoin 10mg pill – order azithromycin 250mg without prescription tetracycline over the counter

    回覆
  27. GeorgegaifF表示:
    2022-06-2302:32:07

    how to get doxycycline online buy doxycycline 100mg online uk

    回覆
  28. RobertBet表示:
    2022-06-2223:45:39

    vibramycin doxycycline 100mg price in india

    回覆
  29. Stepheninsug表示:
    2022-06-2215:21:03

    https://amoxilforsale.best/# amoxicillin without rx

    回覆
  30. naulmxtd表示:
    2022-06-2211:26:24

    order plaquenil generic alberta https://hydroxychloroquinex.com/

    回覆

發佈留言

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