馬老師 雲端研究室

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

  1. Allenacurf表示:
    2024-05-2316:18:45

    Viagra 100mg prix: Viagra sans ordonnance 24h – Viagra homme sans ordonnance belgique

    回覆
  2. EdwardGROOM表示:
    2024-05-2315:48:52

    pharmacie en ligne avec ordonnance: pharmacie en ligne – pharmacie en ligne pas cher

    回覆
  3. AntoniaSut表示:
    2024-05-2310:04:43

    eu apotheke ohne rezept: internet apotheke – shop apotheke gutschein

    回覆
  4. RalphSnize表示:
    2024-05-2308:53:12

    farmacia online madrid: farmacia online envГ­o gratis – farmacia en casa online descuento

    回覆
  5. WilliamTeath表示:
    2024-05-2308:00:44

    farmacias direct: farmacia online barata – п»їfarmacia online espaГ±a

    回覆
  6. Roberthep表示:
    2024-05-2307:49:07

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

    回覆
  7. RalphSnize表示:
    2024-05-2305:15:13

    farmacia online espaГ±a envГ­o internacional: farmacia en casa online descuento – farmacia online 24 horas

    回覆
  8. VernonRib表示:
    2024-05-2304:56:58

    https://eumedicamentenligne.com/# pharmacie en ligne

    回覆
  9. Roberthep表示:
    2024-05-2303:21:07

    farmacie online autorizzate elenco farmacia online farmacie online affidabili

    回覆
  10. AntoniaSut表示:
    2024-05-2303:09:01

    farmacia online senza ricetta: farmacie online autorizzate elenco – farmacie online sicure

    回覆
  11. Roberthep表示:
    2024-05-2303:08:52

    eu apotheke ohne rezept medikament ohne rezept notfall internet apotheke

    回覆
  12. Ryeqya表示:
    2024-05-2302:36:22

    uti treatment drop – uti medication well uti antibiotics parent

    回覆
  13. Donaldcoums表示:
    2024-05-2302:10:46

    online apotheke rezept: online apotheke deutschland – online apotheke preisvergleich

    回覆
  14. AntoniaSut表示:
    2024-05-2300:24:21

    beste online-apotheke ohne rezept: online apotheke versandkostenfrei – online apotheke deutschland

    回覆
  15. WilliamTeath表示:
    2024-05-2223:44:54

    farmacia en casa online descuento: farmacias online seguras en espaГ±a – farmacias online seguras

    回覆
  16. Roberthep表示:
    2024-05-2222:04:25

    farmacia online madrid farmacias online baratas farmacia online madrid

    回覆
  17. WilliamTeath表示:
    2024-05-2221:55:04

    Farmacie online sicure: farmaci senza ricetta elenco – farmaci senza ricetta elenco

    回覆
  18. Gmdftn表示:
    2024-05-2219:04:38

    prostatitis pills watch – pills for treat prostatitis green prostatitis treatment opinion

    回覆
  19. RalphSnize表示:
    2024-05-2218:38:17

    farmacia online barata: farmacias direct – farmacias direct

    回覆
  20. VernonRib表示:
    2024-05-2218:03:27

    http://eufarmacieonline.com/# farmacie online sicure

    回覆
  21. AntoniaSut表示:
    2024-05-2217:43:18

    farmacia en casa online descuento: farmacias online seguras en espa̱a Рfarmacia barata

    回覆
  22. Roberthep表示:
    2024-05-2217:24:32

    farmacias online seguras en espaГ±a farmacia online barata farmacias online seguras en espaГ±a

    回覆
  23. Roberthep表示:
    2024-05-2217:12:13

    pharmacie en ligne france fiable Pharmacie Internationale en ligne pharmacie en ligne france livraison belgique

    回覆
  24. AntoniaSut表示:
    2024-05-2215:21:19

    pharmacie en ligne fiable: Pharmacie en ligne livraison Europe РAchat m̩dicament en ligne fiable

    回覆
  25. VernonRib表示:
    2024-05-2215:06:22

    http://eufarmaciaonline.com/# farmacia barata

    回覆
  26. VernonRib表示:
    2024-05-2215:03:10

    http://eufarmaciaonline.com/# farmacias online seguras en espaГ±a

    回覆
  27. WilliamTeath表示:
    2024-05-2214:27:00

    pharmacie en ligne sans ordonnance: pharmacie en ligne pas cher – pharmacie en ligne france fiable

    回覆
  28. RalphSnize表示:
    2024-05-2212:55:33

    online apotheke rezept: medikamente rezeptfrei – online apotheke rezept

    回覆
  29. WilliamTeath表示:
    2024-05-2212:49:32

    medikament ohne rezept notfall: internet apotheke – online apotheke preisvergleich

    回覆
  30. Roberthep表示:
    2024-05-2212:47:49

    pharmacie en ligne livraison europe pharmacie en ligne france pas cher Pharmacie sans ordonnance

    回覆

發佈留言

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