馬老師 雲端研究室

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

  1. Billygon表示:
    2024-03-1620:57:13

    http://mexicanpharm24.com/# mexican border pharmacies shipping to usa mexicanpharm.shop

    回覆
  2. Manueltep表示:
    2024-03-1620:34:01

    http://mexicanpharm24.com/# best online pharmacies in mexico mexicanpharm.shop

    回覆
  3. Philipjofog表示:
    2024-03-1619:31:18

    indian pharmacy paypal: india pharmacy – buy prescription drugs from india indianpharm.store

    回覆
  4. Philipjofog表示:
    2024-03-1619:12:44

    legitimate canadian mail order pharmacy: Canada pharmacy online – canadian discount pharmacy canadianpharm.store

    回覆
  5. Manueltep表示:
    2024-03-1618:54:42

    https://indianpharm24.com/# mail order pharmacy india indianpharm.store

    回覆
  6. Iron reclamation表示:
    2024-03-1613:53:24

    Eco-friendly scrap metal handling Ferrous material recycling audit Iron and steel scrap recycling and reclamation

    Ferrous waste baling, Iron and steel scrapping facility, Metal waste reclamation plant

    回覆
  7. Richardkam表示:
    2024-03-1613:38:32

    indian pharmacy: india pharmacy – india pharmacy indianpharm.store

    回覆
  8. Richardkam表示:
    2024-03-1611:54:24

    mexican online pharmacies prescription drugs: order online from a Mexican pharmacy – mexican rx online mexicanpharm.shop

    回覆
  9. MarcusSip表示:
    2024-03-1611:08:09

    Online medicine home delivery online pharmacy usa п»їlegitimate online pharmacies india indianpharm.store

    回覆
  10. Billygon表示:
    2024-03-1610:11:17

    http://mexicanpharm24.shop/# mexican online pharmacies prescription drugs mexicanpharm.shop

    回覆
  11. Philipjofog表示:
    2024-03-1610:09:53

    world pharmacy india: Generic Medicine India to USA – top online pharmacy india indianpharm.store

    回覆
  12. MarcusSip表示:
    2024-03-1610:00:34

    online shopping pharmacy india Online medicine home delivery reputable indian pharmacies indianpharm.store

    回覆
  13. Philipjofog表示:
    2024-03-1609:53:12

    п»їlegitimate online pharmacies india: cheapest online pharmacy – indian pharmacy indianpharm.store

    回覆
  14. Billygon表示:
    2024-03-1601:37:42

    http://mexicanpharm24.com/# medicine in mexico pharmacies mexicanpharm.shop

    回覆
  15. Philipjofog表示:
    2024-03-1601:37:31

    п»їbest mexican online pharmacies: order online from a Mexican pharmacy – mexican online pharmacies prescription drugs mexicanpharm.shop

    回覆
  16. Philipjofog表示:
    2024-03-1601:19:41

    real canadian pharmacy: CIPA approved pharmacies – canadian pharmacy no scripts canadianpharm.store

    回覆
  17. MarcusSip表示:
    2024-03-1523:07:20

    world pharmacy india Generic Medicine India to USA Online medicine order indianpharm.store

    回覆
  18. Nsrihq表示:
    2024-03-1522:30:48

    order baycip sale – order generic myambutol 600mg amoxiclav over the counter

    回覆
  19. Richardkam表示:
    2024-03-1522:08:06

    best online pharmacy india: indian pharmacy – indianpharmacy com indianpharm.store

    回覆
  20. MarcusSip表示:
    2024-03-1521:59:50

    mexico pharmacies prescription drugs Mexico pharmacy online mexican drugstore online mexicanpharm.shop

    回覆
  21. Richardkam表示:
    2024-03-1520:33:00

    ed meds online canada: CIPA approved pharmacies – canadian discount pharmacy canadianpharm.store

    回覆
  22. Philipjofog表示:
    2024-03-1516:50:06

    Online medicine home delivery: indian pharmacy – india pharmacy indianpharm.store

    回覆
  23. Philipjofog表示:
    2024-03-1516:32:49

    canada pharmacy world: Pharmacies in Canada that ship to the US – best rated canadian pharmacy canadianpharm.store

    回覆
  24. Juliovophy表示:
    2024-03-1508:01:07

    zithromax – https://azithromycin.pro/can-i-take-zithromax-and-doxycycline-at-the-same-time.html order zithromax without prescription

    回覆
  25. WilliamSnado表示:
    2024-03-1507:02:12

    aviator betting game: aviator – aviator bet malawi

    回覆
  26. WilliamSnado表示:
    2024-03-1505:14:54

    site de apostas: ganhar dinheiro jogando – aplicativo de aposta

    回覆
  27. BrianRof表示:
    2024-03-1505:09:04

    http://aviatoroyunu.pro/# aviator hilesi

    回覆
  28. WilliamSnado表示:
    2024-03-1501:32:33

    aviator oyna: aviator oyunu – aviator oyna

    回覆
  29. Juliovophy表示:
    2024-03-1500:19:01

    zithromax z-pak price without insurance – https://azithromycin.pro/zithromax-tablet.html where can i get zithromax

    回覆
  30. HowardPlomy表示:
    2024-03-1500:13:08

    aviator game online: aviator bet malawi login – aviator bet malawi

    回覆

發佈留言

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