馬老師 雲端研究室

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

  1. DanielElorp表示:
    2024-04-0609:35:42

    п»їkamagra kamagra best price п»їkamagra

    回覆
  2. Isaacwem表示:
    2024-04-0609:26:14

    Cialis 20mg price: Buy Cialis online – Buy Cialis online

    回覆
  3. Isaacwem表示:
    2024-04-0607:11:58

    buy cialis pill: cheapest cialis – Generic Cialis without a doctor prescription

    回覆
  4. JohnniePaits表示:
    2024-04-0607:00:17

    http://sildenafiliq.xyz/# п»їBuy generic 100mg Viagra online

    回覆
  5. ChesterAsynC表示:
    2024-04-0606:43:20

    Cheap generic Viagra: best price on viagra – viagra canada

    回覆
  6. Isaacwem表示:
    2024-04-0605:53:46

    super kamagra: Kamagra Oral Jelly Price – super kamagra

    回覆
  7. ChesterAsynC表示:
    2024-04-0605:27:10

    Cheap Cialis: cialis without a doctor prescription – Cialis without a doctor prescription

    回覆
  8. RalphRem表示:
    2024-04-0604:17:38

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

    回覆
  9. DanielElorp表示:
    2024-04-0604:05:05

    Cheap Cialis Generic Tadalafil 20mg price Cialis 20mg price

    回覆
  10. DanielElorp表示:
    2024-04-0603:51:42

    Kamagra Oral Jelly Kamagra Iq buy Kamagra

    回覆
  11. Isaacwem表示:
    2024-04-0603:29:37

    viagra canada: sildenafil iq – best price for viagra 100mg

    回覆
  12. RalphRem表示:
    2024-04-0603:00:33

    http://kamagraiq.com/# Kamagra Oral Jelly

    回覆
  13. Isaacwem表示:
    2024-04-0601:50:46

    buy viagra here: cheapest viagra – cheapest viagra

    回覆
  14. Isaacwem表示:
    2024-04-0523:10:47

    sildenafil oral jelly 100mg kamagra: Kamagra gel – kamagra

    回覆
  15. JohnniePaits表示:
    2024-04-0522:49:33

    http://tadalafiliq.com/# Tadalafil Tablet

    回覆
  16. Isaacwem表示:
    2024-04-0521:46:00

    Generic Viagra online: generic ed pills – Buy Viagra online cheap

    回覆
  17. DanielElorp表示:
    2024-04-0521:39:39

    cheap kamagra Sildenafil Oral Jelly Kamagra 100mg price

    回覆
  18. DanielElorp表示:
    2024-04-0521:27:18

    buy Kamagra kamagra best price buy kamagra online usa

    回覆
  19. Isaacwem表示:
    2024-04-0518:59:47

    kamagra: sildenafil oral jelly 100mg kamagra – buy Kamagra

    回覆
  20. Isaacwem表示:
    2024-04-0517:26:08

    cialis for sale: Generic Tadalafil 20mg price – Buy Cialis online

    回覆
  21. ChesterAsynC表示:
    2024-04-0517:11:48

    buy Viagra over the counter: generic ed pills – Generic Viagra for sale

    回覆
  22. ChesterAsynC表示:
    2024-04-0515:56:37

    Sildenafil Citrate Tablets 100mg: best price on viagra – buy Viagra online

    回覆
  23. DanielElorp表示:
    2024-04-0515:56:28

    п»їcialis generic tadalafil iq Generic Cialis price

    回覆
  24. DanielElorp表示:
    2024-04-0515:43:33

    Viagra tablet online sildenafil iq Order Viagra 50 mg online

    回覆
  25. Kyqcoe表示:
    2024-04-0514:05:05

    purchase amoxicillin sale – order amoxicillin online cheap cipro 1000mg without prescription

    回覆
  26. RobertRix表示:
    2024-04-0512:11:53

    https://prednisoneall.shop/# prednisone 4mg

    回覆
  27. RobertRix表示:
    2024-04-0510:37:29

    http://prednisoneall.shop/# prednisone 60 mg price

    回覆
  28. JamesGonRy表示:
    2024-04-0509:41:41

    https://prednisoneall.com/# cost of prednisone in canada

    回覆
  29. DavidrAilk表示:
    2024-04-0509:07:55

    can you get generic clomid pills where can i get generic clomid cheap clomid price

    回覆
  30. DavidrAilk表示:
    2024-04-0508:51:57

    clomid cheap can i order clomid tablets clomid online

    回覆

發佈留言

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