馬老師 雲端研究室

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

  1. drugstore online表示:
    2022-09-3022:08:03

    canadian drugs without any prescriptions

    回覆
  2. prescription drug price comparison表示:
    2022-09-3020:34:50

    canada drug

    回覆
  3. Charopisn表示:
    2022-09-3013:05:55

    need someone to write my essay
    i need help with my essay
    essay writing website reviews

    回覆
  4. Vhrawg表示:
    2022-09-3007:44:48

    ibuprofen without prescription remeron 15mg cost buy rocaltrol 0.25mg generic

    回覆
  5. CharlesCic表示:
    2022-09-3004:23:55

    ivermectin 8 mg stromectol 3 mg price

    回覆
  6. Rhiamonpisn表示:
    2022-09-2917:31:44

    essays writing help
    writing essay service
    essays services

    回覆
  7. medicine prices表示:
    2022-09-2916:55:48

    canadian pharmacy review

    回覆
  8. DABAKAWLBIXrc表示:
    2022-09-2909:15:08

    order diovan 80 mg pill buy valsartan 160 mg online cheap cheap diovan 160 mg

    回覆
  9. DABAKAWLBIXkz表示:
    2022-09-2901:20:00

    valsartan 80 mg cheap valsartan 160 mg pills diovan cost

    回覆
  10. Jewwrb表示:
    2022-09-2900:28:04

    order ditropan for sale purchase furadantin sale order generic furadantin

    回覆
  11. Antoniepisn表示:
    2022-09-2821:33:33

    help essays
    best online essay editing service
    top essay writing service

    回覆
  12. JasonHop表示:
    2022-09-2811:33:31

    ed drug prices erectile dysfunction medicines

    回覆
  13. Tammiepisn表示:
    2022-09-2801:56:05

    best writing service reviews
    write my essay review
    custom essay papers

    回覆
  14. Michaeljit表示:
    2022-09-2719:28:26

    amoxicillin buy no prescription order zithromax without prescription

    回覆
  15. Kegbfm表示:
    2022-09-2718:49:50

    buy altace order buspirone pills carvedilol 6.25mg over the counter

    回覆
  16. NABAKAWLBIXdq表示:
    2022-09-2708:58:56

    bystolic 5 mg drug buy nebivolol pill order bystolic pills

    回覆
  17. Pennypisn表示:
    2022-09-2706:36:22

    the help essay prompts
    college essay ideas help
    cheap essay service

    回覆
  18. NABAKAWLBIXas表示:
    2022-09-2700:45:34

    order nebivolol 10 mg online cheap order bystolic for sale purchase bystolic online

    回覆
  19. JasonHop表示:
    2022-09-2622:27:58

    canadian pharmacy world my canadian pharmacy reviews

    回覆
  20. Calvindit表示:
    2022-09-2615:00:41

    amoxicillin 500mg prescription bactrim no prescription

    回覆
  21. Chelsaepisn表示:
    2022-09-2610:53:21

    reflective essay help
    premium essay writing service
    history essay writing service

    回覆
  22. Iwxnss表示:
    2022-09-2610:14:55

    buy colchicine online cheap colchicine 0.5mg usa plavix usa

    回覆
  23. Michaeljit表示:
    2022-09-2605:48:18

    buy doxycycline without prescription buy doxycycline without prescription uk

    回覆
  24. canadian drugstore online表示:
    2022-09-2521:45:56

    canadian online pharmacies ratings

    回覆
  25. Nanicepisn表示:
    2022-09-2516:01:22

    help write essay online
    top ten essay writing services
    cambridge essay service

    回覆
  26. Mmazdn表示:
    2022-09-2510:45:17

    brand tacrolimus buy fenofibrate generic tricor 200mg uk

    回覆
  27. BABAKAWLBIXuw表示:
    2022-09-2509:52:50

    bystolic for sale bystolic generic buy nebivolol 10 mg online cheap

    回覆
  28. JasonHop表示:
    2022-09-2508:56:47

    cheapest pharmacy to get prescriptions filled canadian pharmacy coupon code

    回覆
  29. BABAKAWLBIXcm表示:
    2022-09-2501:30:22

    bystolic over the counter bystolic 10 mg pills buy nebivolol 5 mg

    回覆
  30. canada pharmacies prescription drugs表示:
    2022-09-2500:47:40

    reputable mexican pharmacies online

    回覆

發佈留言

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