馬老師 雲端研究室

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

11,907 Responses

  1. WilliamThity表示:
    2024-05-0300:33:37

    cheapest pharmacy for prescriptions without insurance: pharm world – canadian pharmacy world coupon

    回覆
  2. Felipevon表示:
    2024-05-0300:24:26

    http://pharmmexico.online/# mexican border pharmacies shipping to usa

    回覆
  3. Felipevon表示:
    2024-05-0300:13:23

    http://pharmmexico.online/# best online pharmacies in mexico

    回覆
  4. Donaldelaps表示:
    2024-05-0221:27:57

    canadian pharmacy world: best canadian pharmacy – is canadian pharmacy legit

    回覆
  5. DonaldFrown表示:
    2024-05-0220:05:58

    canadian pharmacy meds: canadian pharmacy cheap – the canadian drugstore

    回覆
  6. Felipevon表示:
    2024-05-0219:28:02

    https://pharmworld.store/# no prescription required pharmacy

    回覆
  7. DavidThynC表示:
    2024-05-0218:11:15

    online canadian pharmacy recommended canadian pharmacies canada drug pharmacy

    回覆
  8. WilliamThity表示:
    2024-05-0218:03:37

    buy pills without prescription: pills no prescription – online meds without prescription

    回覆
  9. DonaldFrown表示:
    2024-05-0218:03:30

    online pharmacy india: indianpharmacy com – online shopping pharmacy india

    回覆
  10. Jerometappy表示:
    2024-05-0217:33:58

    http://pharmcanada.shop/# canadian online drugs

    回覆
  11. WilliamThity表示:
    2024-05-0215:32:26

    indianpharmacy com: world pharmacy india – top 10 online pharmacy in india

    回覆
  12. Felipevon表示:
    2024-05-0215:09:39

    http://pharmworld.store/# canadian pharmacy world coupons

    回覆
  13. Felipevon表示:
    2024-05-0214:57:37

    http://pharmnoprescription.icu/# best online pharmacy that does not require a prescription in india

    回覆
  14. Donaldelaps表示:
    2024-05-0214:29:11

    canadian pharmacy without prescription: cheapest pharmacy – cheapest pharmacy for prescriptions without insurance

    回覆
  15. Jerometappy表示:
    2024-05-0213:51:52

    http://pharmcanada.shop/# legitimate canadian mail order pharmacy

    回覆
  16. Donaldelaps表示:
    2024-05-0212:35:29

    mexican online pharmacies prescription drugs: mexican rx online – buying prescription drugs in mexico online

    回覆
  17. Donaldelaps表示:
    2024-05-0212:33:31

    buying prescription drugs in mexico online: reputable mexican pharmacies online – mexican mail order pharmacies

    回覆
  18. DavidThynC表示:
    2024-05-0211:19:55

    mexico pharmacies prescription drugs mexican border pharmacies shipping to usa best online pharmacies in mexico

    回覆
  19. Felipevon表示:
    2024-05-0210:53:05

    http://pharmnoprescription.icu/# canadian mail order prescriptions

    回覆
  20. Jerometappy表示:
    2024-05-0210:47:56

    https://pharmmexico.online/# buying from online mexican pharmacy

    回覆
  21. CharlesDog表示:
    2024-05-0207:22:18

    https://levitrav.store/# Levitra generic best price

    回覆
  22. ElmerWes表示:
    2024-05-0207:18:51

    buy kamagra online usa kamagra Kamagra 100mg

    回覆
  23. DavidOwelo表示:
    2024-05-0206:35:57

    https://kamagra.win/# Kamagra 100mg price

    回覆
  24. GeorgeSep表示:
    2024-05-0206:20:27

    cenforce.pro: cenforce for sale – buy cenforce

    回覆
  25. ElmerWes表示:
    2024-05-0206:04:37

    Generic Cialis without a doctor prescription Generic Tadalafil 20mg price buy cialis pill

    回覆
  26. JamesNow表示:
    2024-05-0204:36:36

    Generic Viagra online: Cheapest place to buy Viagra – Viagra without a doctor prescription Canada

    回覆
  27. CharlesDog表示:
    2024-05-0203:39:59

    http://cenforce.pro/# Cenforce 150 mg online

    回覆
  28. Rvyjyp表示:
    2024-05-0203:32:53

    nitroglycerin uk – diovan 80mg cost valsartan 160mg for sale

    回覆
  29. GeorgeSep表示:
    2024-05-0203:30:34

    Cialis 20mg price: buy cialis overseas – Cialis 20mg price in USA

    回覆
  30. CharlesDog表示:
    2024-05-0203:28:51

    https://kamagra.win/# Kamagra Oral Jelly

    回覆

發佈留言

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