馬老師 雲端研究室

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

  1. RogerFaf表示:
    2025-01-0919:14:46

    http://fastpillseasy.com/# best ed medication online

    回覆
  2. zfggzzj表示:
    2025-01-0919:08:38

    prescription cytotec belgique buy cypionate

    回覆
  3. Donaldabula表示:
    2025-01-0918:42:31

    ed prescription online fast pills easy buying erectile dysfunction pills online

    回覆
  4. BrettTIT表示:
    2025-01-0918:00:16

    generic sildenafil: buy viagra online – sildenafil 50 mg price

    回覆
  5. lbexpiku表示:
    2025-01-0917:43:10

    aceon safe purchase

    回覆
  6. Donaldabula表示:
    2025-01-0916:55:36

    Sildenafil 100mg price Sildenafil Citrate Tablets 100mg sildenafil over the counter

    回覆
  7. RogerFaf表示:
    2025-01-0916:52:32

    https://fastpillseasy.com/# erectile dysfunction online prescription

    回覆
  8. dbmszuyf表示:
    2025-01-0916:35:39

    aceon online saturday delivery

    回覆
  9. Charlesbot表示:
    2025-01-0915:40:11

    http://maxpillsformen.com/# buy cialis pill

    回覆
  10. Barrybib表示:
    2025-01-0915:22:34

    viagra without prescription: buy viagra online – Viagra online price

    回覆
  11. lxprdo表示:
    2025-01-0915:19:18

    aceon cash on delivery overnight

    回覆
  12. Donaldabula表示:
    2025-01-0915:00:04

    Cialis without a doctor prescription Max Pills For Men cialis for sale

    回覆
  13. RogerFaf表示:
    2025-01-0913:10:53

    https://fastpillseasy.com/# cheap ed medication

    回覆
  14. ehgguakw表示:
    2025-01-0912:46:55

    #aceon

    回覆
  15. Charlesbot表示:
    2025-01-0912:17:31

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

    回覆
  16. ggzqiydq表示:
    2025-01-0911:49:45

    aceon online cheap no rx

    回覆
  17. RogerFaf表示:
    2025-01-0910:52:53

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

    回覆
  18. dirtzj表示:
    2025-01-0910:35:18

    buy aceon on internet

    回覆
  19. BrettTIT表示:
    2025-01-0909:31:11

    best price for viagra 100mg: FastPillsForMen – buy viagra here

    回覆
  20. skoraya narkologicheskaya pomosh_afMa表示:
    2025-01-0909:24:44

    частная скорая наркологическая помощь https://ya.7bb.ru/viewtopic.php?id=14638 .

    回覆
  21. Donaldabula表示:
    2025-01-0908:41:02

    cheapest cialis Max Pills For Men Generic Cialis without a doctor prescription

    回覆
  22. qqzfhcp表示:
    2025-01-0908:32:09

    no prescription aceon fast iowa

    回覆
  23. BrettTIT表示:
    2025-01-0907:33:16

    cheap ed medicine: FastPillsEasy – cost of ed meds

    回覆
  24. Donaldabula表示:
    2025-01-0906:56:45

    online erectile dysfunction online ed pills erectile dysfunction medicine online

    回覆
  25. zpiydgc表示:
    2025-01-0906:53:50

    aceon free saturday delivery

    回覆
  26. Barrybib表示:
    2025-01-0905:59:05

    ed medications online: FastPillsEasy – where to buy ed pills

    回覆
  27. Donaldabula表示:
    2025-01-0905:11:02

    Cialis over the counter Max Pills For Men Cialis 20mg price in USA

    回覆
  28. Barrybib表示:
    2025-01-0904:53:01

    п»їed pills online: cheap cialis – ed meds online

    回覆
  29. RogerFaf表示:
    2025-01-0904:43:10

    https://fastpillsformen.com/# Sildenafil Citrate Tablets 100mg

    回覆
  30. ontklg表示:
    2025-01-0903:29:55

    order aceon order amex

    回覆

發佈留言

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