馬老師 雲端研究室

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

  1. Charlesmop表示:
    2024-09-2407:41:25

    https://farmaciait.men/# Farmacia online piГ№ conveniente
    farmaci senza ricetta elenco

    回覆
  2. PatrikNom表示:
    2024-09-2405:56:18

    Что такое смешные картинки и как они появились

    回覆
  3. CharlesrooNo表示:
    2024-09-2405:28:56

    pillole per erezione in farmacia senza ricetta viagra farmacia viagra originale in 24 ore contrassegno

    回覆
  4. Edisonanazy表示:
    2024-09-2405:08:00

    Farmacia online miglior prezzo: Cialis generico controindicazioni – comprare farmaci online con ricetta

    回覆
  5. Charlesmop表示:
    2024-09-2402:26:27

    https://tadalafilit.com/# comprare farmaci online all’estero
    comprare farmaci online all’estero

    回覆
  6. EdwardMet表示:
    2024-09-2402:15:08

    migliori farmacie online 2024 farmacia online migliore farmacia online senza ricetta

    回覆
  7. EarnestWat表示:
    2024-09-2401:56:49

    купить хранилище https://sistemy-khraneniya-dannykh.ru/

    回覆
  8. LouisFoums表示:
    2024-09-2322:28:10

    farmacia online piГ№ conveniente: Farmacie online sicure – farmacie online affidabili

    回覆
  9. Edisonanazy表示:
    2024-09-2322:02:07

    Farmacie online sicure: Cialis generico controindicazioni – migliori farmacie online 2024

    回覆
  10. CharlesrooNo表示:
    2024-09-2320:07:28

    viagra consegna in 24 ore pagamento alla consegna viagra prezzo viagra cosa serve

    回覆
  11. Charlesmop表示:
    2024-09-2318:22:43

    https://tadalafilit.com/# comprare farmaci online con ricetta
    Farmacie online sicure

    回覆
  12. сервис профи волгоград表示:
    2024-09-2318:14:55

    Если вы искали где отремонтировать сломаную технику, обратите внимание – профи волгоград

    回覆
  13. Normanfer表示:
    2024-09-2315:57:36

    farmacia online barata: farmacia envio gratis – farmacia online barcelona

    回覆
  14. Normanfer表示:
    2024-09-2314:37:43

    farmacia online envГ­o gratis: comprar tadalafilo – farmacias online baratas

    回覆
  15. Ремонт парогенераторов в Москве表示:
    2024-09-2314:05:34

    Профессиональный сервисный центр по ремонту парогенераторов в Москве.
    Мы предлагаем: ремонт парогенератора
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

    回覆
  16. FloydDwent表示:
    2024-09-2312:03:35

    https://farmaciaeu.com/# farmacias online seguras en espaГ±a
    farmacia online envГ­o gratis

    回覆
  17. Normanfer表示:
    2024-09-2310:59:43

    sildenafilo 100mg precio farmacia: comprar viagra en espana – viagra online gibraltar

    回覆
  18. JamesMix表示:
    2024-09-2310:12:13

    farmacias online seguras: precio cialis en farmacia con receta – farmacia online madrid

    回覆
  19. DennisRep表示:
    2024-09-2309:32:21

    http://farmaciaeu.com/# farmacia online barata

    回覆
  20. OscarGed表示:
    2024-09-2306:45:11

    4rabet bet promo code: A bonus code aimed at rewarding loyal or existing users on the 4rabet platform with exclusive bonuses like deposit matches or free spins.

    回覆
  21. ремонт бытовой техники волгоград表示:
    2024-09-2303:51:30

    Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники

    回覆
  22. сервис профи тюмень表示:
    2024-09-2303:18:01

    Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт цифровой техники тюмень

    回覆
  23. FloydDwent表示:
    2024-09-2302:30:55

    http://farmaciaeu.com/# п»їfarmacia online espaГ±a
    farmacias online seguras

    回覆
  24. ремонт техники профи в волгограде表示:
    2024-09-2301:43:39

    Если вы искали где отремонтировать сломаную технику, обратите внимание – техпрофи

    回覆
  25. Normanfer表示:
    2024-09-2301:40:14

    sildenafilo cinfa 100 mg precio farmacia: Viagra sildenafilo – sildenafilo 50 mg comprar online

    回覆
  26. DennisRep表示:
    2024-09-2300:14:42

    http://sildenafilo.men/# venta de viagra a domicilio

    回覆
  27. Normanfer表示:
    2024-09-2300:14:33

    farmacia online barata y fiable: Precio Cialis 20 Mg – farmacia online 24 horas

    回覆
  28. DennisRep表示:
    2024-09-2223:37:44

    http://sildenafilo.men/# viagra para hombre precio farmacias similares

    回覆
  29. Ремонт парогенераторов в Москве表示:
    2024-09-2222:46:24

    Профессиональный сервисный центр по ремонту парогенераторов в Москве.
    Мы предлагаем: ремонт парогенератора стоимость
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

    回覆
  30. HaroldCok表示:
    2024-09-2222:27:02

    стильные бюстгальтеры Caitline

    回覆

發佈留言

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