馬老師 雲端研究室

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

  1. AntoniaSut表示:
    2024-05-2015:32:13

    acquistare farmaci senza ricetta: Farmacie online sicure – farmacia online senza ricetta

    回覆
  2. Roberthep表示:
    2024-05-2013:47:48

    farmacias online baratas farmacia online barcelona farmacias online seguras en espaГ±a

    回覆
  3. RalphSnize表示:
    2024-05-2013:47:36

    farmacia online espaГ±a envГ­o internacional: farmacia online 24 horas – farmacia online envГ­o gratis

    回覆
  4. Roberthep表示:
    2024-05-2013:37:02

    gГјnstigste online apotheke medikamente rezeptfrei medikamente rezeptfrei

    回覆
  5. AntoniaSut表示:
    2024-05-2013:08:29

    Pharmacie Internationale en ligne: pharmacie en ligne sans ordonnance – pharmacie en ligne pas cher

    回覆
  6. Klining_hmmn表示:
    2024-05-2012:46:52

    уборка жилых помещений https://parkmebeli.by .

    回覆
  7. RalphSnize表示:
    2024-05-2009:49:14

    farmaci senza ricetta elenco: top farmacia online – farmacie online affidabili

    回覆
  8. WilliamTeath表示:
    2024-05-2009:35:24

    top farmacia online: farmaci senza ricetta elenco – migliori farmacie online 2024

    回覆
  9. VernonRib表示:
    2024-05-2009:30:11

    https://eufarmacieonline.shop/# comprare farmaci online con ricetta

    回覆
  10. Roberthep表示:
    2024-05-2009:11:57

    п»їpharmacie en ligne france Achat mГ©dicament en ligne fiable Achat mГ©dicament en ligne fiable

    回覆
  11. AntoniaSut表示:
    2024-05-2007:23:39

    Farmacie online sicure: comprare farmaci online all’estero – top farmacia online

    回覆
  12. Roberthep表示:
    2024-05-2005:36:51

    pharmacie en ligne sans ordonnance Achat mГ©dicament en ligne fiable pharmacie en ligne france livraison internationale

    回覆
  13. Roberthep表示:
    2024-05-2005:26:54

    farmacia online barata y fiable farmacia barata farmacia online barata y fiable

    回覆
  14. AntoniaSut表示:
    2024-05-2005:20:28

    farmacia online españa: farmacias online seguras – farmacia online madrid

    回覆
  15. RalphSnize表示:
    2024-05-2003:04:13

    п»їshop apotheke gutschein: europa apotheke – online apotheke versandkostenfrei

    回覆
  16. VernonRib表示:
    2024-05-2002:06:45

    https://euapothekeohnerezept.com/# gГјnstige online apotheke

    回覆
  17. WilliamTeath表示:
    2024-05-2001:57:41

    eu apotheke ohne rezept: internet apotheke – online apotheke gГјnstig

    回覆
  18. Roberthep表示:
    2024-05-2001:10:10

    farmacia online comprare farmaci online con ricetta top farmacia online

    回覆
  19. Jimmielic表示:
    2024-05-1920:51:04

    https://cheapestmexico.com/# purple pharmacy mexico price list

    回覆
  20. Jimmielic表示:
    2024-05-1920:47:56

    http://cheapestmexico.com/# medicine in mexico pharmacies

    回覆
  21. StevenPably表示:
    2024-05-1920:10:17

    http://cheapestmexico.com/# purple pharmacy mexico price list

    回覆
  22. CharlesEmpit表示:
    2024-05-1919:41:14

    medication from mexico pharmacy mexican drugstore online buying prescription drugs in mexico online

    回覆
  23. Ewncqs表示:
    2024-05-1919:10:00

    cenforce online therefore – cenforce online buck brand viagra pills father

    回覆
  24. StevenPably表示:
    2024-05-1917:22:56

    https://cheapestmexico.com/# mexican online pharmacies prescription drugs

    回覆
  25. CharlesEmpit表示:
    2024-05-1916:14:12

    mexican mail order pharmacies mexican mail order pharmacies mexican rx online

    回覆
  26. CharlesEmpit表示:
    2024-05-1913:45:17

    cheapest pharmacy to get prescriptions filled cheapest pharmacy canadian pharmacy world coupon code

    回覆
  27. Jimmielic表示:
    2024-05-1912:00:50

    https://cheapestindia.shop/# indian pharmacy online

    回覆
  28. Terryclews表示:
    2024-05-1911:25:24

    canadian drug pharmacy: canada pharmacy online – canadianpharmacymeds

    回覆
  29. StevenPably表示:
    2024-05-1911:08:10

    http://36and6health.com/# mail order pharmacy no prescription

    回覆
  30. Yhruge表示:
    2024-05-1909:19:47

    dapoxetine hide – sildigra damn cialis with dapoxetine male

    回覆

發佈留言

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