馬老師 雲端研究室

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

6,637 Responses

  1. non prescription drugs表示:
    2022-10-0607:17:43

    pharmacy prices compare

    回覆
  2. Qcghrh表示:
    2022-10-0604:29:03

    order levofloxacin 500mg for sale order generic zantac 300mg ranitidine online buy

    回覆
  3. DABAKAWLBIXqn表示:
    2022-10-0520:26:01

    gabapentin order online buy gabapentin pills gabapentin 400 mg pills

    回覆
  4. LeroyKep表示:
    2022-10-0515:27:05

    https://buysildenafil.best/# average price of sildenafil in usa 100mg

    回覆
  5. DABAKAWLBIXmw表示:
    2022-10-0510:36:29

    cost neurontin 100 mg buy gabapentin for sale order gabapentin 100 mg online cheap

    回覆
  6. RobertHiP表示:
    2022-10-0500:07:54

    https://pillswithoutprescription.xyz/# how can i order prescription drugs without a doctor

    回覆
  7. FrankTrasp表示:
    2022-10-0423:27:41

    https://buysildenafil.best/# sildenafil uk

    回覆
  8. Vgnxea表示:
    2022-10-0419:42:34

    order nexium 20mg without prescription purchase sumatriptan online cheap purchase imitrex pills

    回覆
  9. ScottOxind表示:
    2022-10-0417:28:13

    https://stromectolivermectin.pro/# ivermectin 3mg tablets

    回覆
  10. Ginniepisn表示:
    2022-10-0416:50:22

    cheap essays
    essay writer helper
    us based essay writing service

    回覆
  11. Rickyjaick表示:
    2022-10-0415:11:08

    https://buytadalafil.icu/# tadalafil 20mg price in india

    回覆
  12. AndrewBix表示:
    2022-10-0409:20:49

    https://pillswithoutprescription.xyz/# buy prescription drugs without doctor

    回覆
  13. VABAKAWLBIXfx表示:
    2022-10-0401:59:22

    diovan 160 mg usa order diovan 80 mg online cheap diovan drug

    回覆
  14. Martinaback表示:
    2022-10-0321:57:40

    https://buytadalafil.icu/# generic tadalafil united states

    回覆
  15. prescription meds without the prescription表示:
    2022-10-0319:24:40

    canadian pharmacy no rx needed

    回覆
  16. Michaelcix表示:
    2022-10-0319:10:03

    https://stromectolivermectin.pro/# minocycline 100mg acne

    回覆
  17. Cthrinepisn表示:
    2022-10-0319:00:50

    professional essay writing service
    best essay writer
    essay write service

    回覆
  18. VABAKAWLBIXbb表示:
    2022-10-0317:20:40

    generic diovan 80 mg https://valsartan.top/ purchase diovan pill

    回覆
  19. Albertval表示:
    2022-10-0312:21:23

    sildenafil 50 mg no prescription cheapest sildenafil india

    回覆
  20. canadian pharmacy world表示:
    2022-10-0223:04:12

    canadian online pharmacies legitimate

    回覆
  21. Leilahpisn表示:
    2022-10-0222:10:11

    need help with essay
    best essay writing service review
    custom writing essay service

    回覆
  22. Ydtfbo表示:
    2022-10-0219:07:53

    order methotrexate online cheap order generic methotrexate 2.5mg losartan 25mg uk

    回覆
  23. Twylapisn表示:
    2022-10-0203:02:56

    essay writing services legal
    best online essay writers
    academic essay writing services

    回覆
  24. Brianaccob表示:
    2022-10-0201:50:24

    tadalafil online prescription tadalafil generic price

    回覆
  25. Richardplend表示:
    2022-10-0200:33:54

    https://doxycyclinemonohydrate.icu/# doxycycline generic

    回覆
  26. CharlesCic表示:
    2022-10-0121:51:36

    minocycline 100mg for acne minocycline rash

    回覆
  27. Albertval表示:
    2022-10-0121:12:31

    ivermectin 0.08 oral solution ivermectin price

    回覆
  28. Xacnhi表示:
    2022-10-0113:44:20

    bupropion 150 mg canada order toradol pill sildenafil canada

    回覆
  29. Dronapisn表示:
    2022-10-0107:55:27

    buy an essay cheap
    writing essays help
    help writing essay

    回覆
  30. canadian meds表示:
    2022-10-0106:56:47

    fda approved online pharmacies

    回覆

發佈留言

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