馬老師 雲端研究室

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

13,663 Responses

  1. jpewrj表示:
    2025-01-1118:58:49

    buy upjohn cytotec 2mg.bars

    回覆
  2. RogerFaf表示:
    2025-01-1118:39:57

    http://maxpillsformen.com/# Cialis without a doctor prescription

    回覆
  3. Donaldabula表示:
    2025-01-1117:15:57

    Cheapest Sildenafil online FastPillsForMen.com Buy Viagra online cheap

    回覆
  4. fifnuueu表示:
    2025-01-1116:35:53

    best price aceon mastercard fast

    回覆
  5. Barrybib表示:
    2025-01-1116:05:52

    Cialis 20mg price: Max Pills For Men – Generic Cialis price

    回覆
  6. Donaldabula表示:
    2025-01-1115:13:13

    Tadalafil Tablet buy cialis pill Generic Tadalafil 20mg price

    回覆
  7. bqwlma表示:
    2025-01-1115:02:01

    buy aceon online cheapest

    回覆
  8. Barrybib表示:
    2025-01-1114:55:06

    buy Viagra online: Generic Viagra for sale – Cheap generic Viagra online

    回覆
  9. RogerFaf表示:
    2025-01-1114:46:18

    https://maxpillsformen.com/# Buy Tadalafil 10mg

    回覆
  10. Charlesbot表示:
    2025-01-1114:00:22

    http://fastpillsformen.com/# buy viagra here

    回覆
  11. hougrlan表示:
    2025-01-1113:41:01

    aceon paypal saturday delivery oregon

    回覆
  12. BrettTIT表示:
    2025-01-1112:48:56

    cheap ed meds: cheap cialis – where to buy erectile dysfunction pills

    回覆
  13. Charlesbot表示:
    2025-01-1112:22:48

    http://fastpillseasy.com/# ed medicine online

    回覆
  14. zbtdplkl表示:
    2025-01-1111:42:43

    aceon hypertension cheap

    回覆
  15. BrettTIT表示:
    2025-01-1110:46:11

    ed online prescription: cheap cialis – edmeds

    回覆
  16. Barrybib表示:
    2025-01-1110:22:47

    п»їcialis generic: MaxPillsForMen.com – buy cialis pill

    回覆
  17. cwvpcmwm表示:
    2025-01-1110:01:25

    aceon hypertension cheap

    回覆
  18. Donaldabula表示:
    2025-01-1108:38:57

    cheapest ed pills fast pills easy what is the cheapest ed medication

    回覆
  19. RogerFaf表示:
    2025-01-1108:37:03

    https://fastpillsformen.com/# best price for viagra 100mg

    回覆
  20. wpygod表示:
    2025-01-1108:26:01

    cytotec treat stomach protection purchase

    回覆
  21. qimwvz表示:
    2025-01-1107:13:29

    no prescription armix aceon online

    回覆
  22. Donaldabula表示:
    2025-01-1106:53:34

    Buy Tadalafil 20mg MaxPillsForMen.com Generic Cialis without a doctor prescription

    回覆
  23. RogerFaf表示:
    2025-01-1106:12:52

    http://fastpillsformen.com/# sildenafil 50 mg price

    回覆
  24. Donaldabula表示:
    2025-01-1104:55:26

    viagra canada FastPillsForMen Cheap Viagra 100mg

    回覆
  25. rzzucida表示:
    2025-01-1104:06:26

    buy cyprostol cytotec 200mg

    回覆
  26. Charlesbot表示:
    2025-01-1103:33:03

    https://fastpillseasy.com/# best ed pills online

    回覆
  27. RogerFaf表示:
    2025-01-1102:18:32

    http://fastpillsformen.com/# Cheap Sildenafil 100mg

    回覆
  28. Charlesbot表示:
    2025-01-1102:06:50

    http://maxpillsformen.com/# Generic Cialis price

    回覆
  29. fxjqpsp表示:
    2025-01-1101:15:21

    buy aceon online and aceon

    回覆
  30. Barrybib表示:
    2025-01-1101:08:04

    online ed medicine: online ed drugs – cheap ed treatment

    回覆

發佈留言

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