馬老師 雲端研究室

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

12,002 Responses

  1. Isaacwem表示:
    2024-04-0712:13:11

    Kamagra Oral Jelly: Kamagra Iq – Kamagra 100mg

    回覆
  2. Isaacwem表示:
    2024-04-0710:54:54

    Cialis over the counter: cialis best price – buy cialis pill

    回覆
  3. Isaacwem表示:
    2024-04-0708:37:19

    Buy Tadalafil 10mg: cialis without a doctor prescription – Buy Tadalafil 20mg

    回覆
  4. RobertaRous表示:
    2024-04-0708:08:20

    http://tadalafiliq.shop/# cialis for sale

    回覆
  5. Isaacwem表示:
    2024-04-0707:20:51

    Buy Tadalafil 5mg: cheapest cialis – Generic Tadalafil 20mg price

    回覆
  6. DanielElorp表示:
    2024-04-0707:06:16

    Kamagra Oral Jelly Kamagra Iq buy kamagra online usa

    回覆
  7. DanielElorp表示:
    2024-04-0706:50:14

    Kamagra 100mg price Kamagra gel sildenafil oral jelly 100mg kamagra

    回覆
  8. Isaacwem表示:
    2024-04-0704:50:01

    Buy Tadalafil 10mg: Generic Tadalafil 20mg price – cheapest cialis

    回覆
  9. JohnniePaits表示:
    2024-04-0703:19:56

    http://tadalafiliq.shop/# Generic Tadalafil 20mg price

    回覆
  10. Isaacwem表示:
    2024-04-0703:05:35

    Generic Cialis price: cialis best price – Cialis over the counter

    回覆
  11. RobertaRous表示:
    2024-04-0700:47:10

    http://tadalafiliq.com/# п»їcialis generic

    回覆
  12. DanielElorp表示:
    2024-04-0623:04:15

    Generic Viagra for sale cheapest viagra best price for viagra 100mg

    回覆
  13. DanielElorp表示:
    2024-04-0622:45:01

    viagra without prescription Viagra online price sildenafil 50 mg price

    回覆
  14. ChesterAsynC表示:
    2024-04-0622:11:18

    Tadalafil price: cheapest cialis – Buy Tadalafil 5mg

    回覆
  15. Isaacwem表示:
    2024-04-0622:00:46

    Cheapest Sildenafil online: Viagra online price – generic sildenafil

    回覆
  16. Isaacwem表示:
    2024-04-0620:35:58

    Kamagra Oral Jelly: Kamagra gel – Kamagra 100mg price

    回覆
  17. ChesterAsynC表示:
    2024-04-0619:51:59

    cheap kamagra: sildenafil oral jelly 100mg kamagra – Kamagra 100mg

    回覆
  18. Timsothyabela表示:
    2024-04-0618:21:12

    Right here is the right website for everyone who hopes to find out about this topic. You know so much its almost tough to argue with you (not that I really will need to…HaHa). You definitely put a new spin on a subject which has been written about for years. Wonderful stuff, just wonderful!
    http://dicetable.co.kr/bbs/board.php?bo_table=free&wr_id=146506

    回覆
  19. Isaacwem表示:
    2024-04-0618:08:45

    Viagra online price: sildenafil iq – Buy generic 100mg Viagra online

    回覆
  20. RobertaRous表示:
    2024-04-0618:06:01

    http://sildenafiliq.xyz/# Cheap generic Viagra online

    回覆
  21. RalphRem表示:
    2024-04-0618:01:53

    http://sildenafiliq.xyz/# Cheapest Sildenafil online

    回覆
  22. Isaacwem表示:
    2024-04-0616:48:19

    Kamagra 100mg price: buy kamagra online usa – buy Kamagra

    回覆
  23. RalphRem表示:
    2024-04-0616:46:23

    http://tadalafiliq.shop/# Buy Tadalafil 5mg

    回覆
  24. DanielElorp表示:
    2024-04-0615:55:29

    cheap kamagra Sildenafil Oral Jelly Kamagra tablets

    回覆
  25. DanielElorp表示:
    2024-04-0615:42:12

    Kamagra 100mg Sildenafil Oral Jelly Kamagra 100mg price

    回覆
  26. JohnniePaits表示:
    2024-04-0615:07:16

    https://tadalafiliq.com/# Cialis without a doctor prescription

    回覆
  27. Isaacwem表示:
    2024-04-0614:24:16

    Cialis over the counter: Buy Cialis online – Tadalafil price

    回覆
  28. Isaacwem表示:
    2024-04-0613:03:05

    Buy Tadalafil 20mg: cialis best price – Buy Cialis online

    回覆
  29. Isaacwem表示:
    2024-04-0610:42:20

    viagra canada: Viagra without a doctor prescription Canada – buy Viagra online

    回覆
  30. DanielElorp表示:
    2024-04-0609:48:49

    Sildenafil 100mg price buy viagra online order viagra

    回覆

發佈留言

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