馬老師 雲端研究室

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

  1. CarlosBrubs表示:
    2024-03-2303:10:43

    http://indianpharm.shop/# п»їlegitimate online pharmacies india

    回覆
  2. Robingug表示:
    2024-03-2301:49:22

    http://canadianpharm.guru/# canadian pharmacy oxycodone

    回覆
  3. JamieMearm表示:
    2024-03-2301:29:52

    pharmacies without prescriptions: buy meds online no prescription – no prescription online pharmacies

    回覆
  4. RalphDiolo表示:
    2024-03-2223:46:27

    how to get a prescription in canada: online medicine without prescription – no prescription pharmacy online

    回覆
  5. RalphDiolo表示:
    2024-03-2223:30:38

    canadian 24 hour pharmacy: canada drugs online – pharmacy wholesalers canada

    回覆
  6. Jamesseick表示:
    2024-03-2221:51:49

    online shopping pharmacy india indian pharmacies safe online shopping pharmacy india

    回覆
  7. Jamesseick表示:
    2024-03-2220:16:59

    canadian 24 hour pharmacy my canadian pharmacy rx canadian pharmacy no scripts

    回覆
  8. Kqgrgt表示:
    2024-03-2218:16:20

    oral metronidazole 400mg – purchase cefaclor without prescription azithromycin 250mg brand

    回覆
  9. RalphDiolo表示:
    2024-03-2216:28:27

    buying prescription drugs in mexico online: purple pharmacy mexico price list – buying from online mexican pharmacy

    回覆
  10. RalphDiolo表示:
    2024-03-2216:12:46

    online pharmacy canada no prescription: buy pain meds online without prescription – no prescription needed

    回覆
  11. RobertSlata表示:
    2024-03-2214:15:41

    http://pharmnoprescription.pro/# buy meds online no prescription

    回覆
  12. ScottBoume表示:
    2024-03-2213:20:55

    how to get a prescription in canada: buying prescription drugs online canada – quality prescription drugs canada

    回覆
  13. ScottBoume表示:
    2024-03-2211:48:57

    pharmacy coupons: best online pharmacy – rx pharmacy coupons

    回覆
  14. ShawnWhism表示:
    2024-03-2209:58:15

    http://onlinepharmacy.cheap/# online pharmacy discount code

    回覆
  15. ScottBoume表示:
    2024-03-2209:05:17

    online pharmacy without prescription: canada drugs no prescription – buy meds online without prescription

    回覆
  16. BruceRer表示:
    2024-03-2208:14:59

    promo code for canadian pharmacy meds: canada online pharmacy – online pharmacy discount code

    回覆
  17. BruceRer表示:
    2024-03-2207:55:22

    order ed pills online: cheap erectile dysfunction pills – where can i buy erectile dysfunction pills

    回覆
  18. ScottBoume表示:
    2024-03-2207:34:10

    buy drugs online without prescription: online pharmacies without prescription – no prescription medicine

    回覆
  19. Patrickorilk表示:
    2024-03-2207:08:28

    canadian pharmacy no prescription needed pharmacy online online pharmacy without prescription

    回覆
  20. Patrickorilk表示:
    2024-03-2205:15:15

    canadian pharmacy world coupon code canada online pharmacy canada pharmacy not requiring prescription

    回覆
  21. Wvmgkx表示:
    2024-03-2205:09:08

    buy ampicillin cheap order doxycycline pill purchase amoxil generic

    回覆
  22. ScottBoume表示:
    2024-03-2204:48:06

    buying prescription medicine online: no prescription on line pharmacies – online pharmacy reviews no prescription

    回覆
  23. ScottBoume表示:
    2024-03-2203:09:49

    cheap ed medication: best ed meds online – cheap ed treatment

    回覆
  24. ShawnWhism表示:
    2024-03-2202:38:59

    http://edpills.guru/# erectile dysfunction online prescription

    回覆
  25. RobertSlata表示:
    2024-03-2202:20:38

    http://onlinepharmacy.cheap/# best online pharmacy no prescription

    回覆
  26. ScottBoume表示:
    2024-03-2200:12:01

    canadian prescription drugstore reviews: canadian prescription – best online pharmacy that does not require a prescription in india

    回覆
  27. BruceRer表示:
    2024-03-2123:12:02

    canadian prescription drugstore reviews: buy pain meds online without prescription – mexican pharmacy no prescription

    回覆
  28. Irvincerce表示:
    2024-03-2123:03:54

    buying prescription medications online: canada mail order prescriptions – online pharmacies no prescription

    回覆
  29. BruceRer表示:
    2024-03-2122:51:53

    canada prescription: no prescription medicine – buy pills without prescription

    回覆
  30. ScottBoume表示:
    2024-03-2122:33:47

    no prescription online pharmacy: how to order prescription drugs from canada – no prescription medicine

    回覆

發佈留言

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