馬老師 雲端研究室

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

  1. Frankmaype表示:
    2024-03-0615:25:02

    eva elfie photo: eva elfie full video – eva elfie

    回覆
  2. Frankmaype表示:
    2024-03-0613:15:24

    mia malkova: mia malkova hd – mia malkova photos

    回覆
  3. CraigRew表示:
    2024-03-0611:23:24

    http://miamalkova.life/# mia malkova latest

    回覆
  4. Thomasgelty表示:
    2024-03-0608:18:12

    https://sweetiefox.online/# Sweetie Fox izle

    回覆
  5. Thomasgelty表示:
    2024-03-0606:38:32

    http://evaelfie.pro/# eva elfie video

    回覆
  6. Iron and steel waste disposal表示:
    2024-03-0606:32:32

    Environmental metal recycling Ferrous material recycling inspection Iron scrap trade

    Ferrous metal recovery and reclamation, Scrap iron storage, Scrap metal pricing models

    回覆
  7. RodrigoJet表示:
    2024-03-0605:06:47

    https://abelladanger.online/# abella danger izle

    回覆
  8. JamesDiect表示:
    2024-03-0604:08:24

    swetie fox: sweeti fox – sweeti fox

    回覆
  9. Ozldiq表示:
    2024-03-0602:47:29

    buy reglan 10mg pill cozaar 50mg tablet purchase hyzaar generic

    回覆
  10. Thomasgelty表示:
    2024-03-0601:07:06

    https://evaelfie.pro/# eva elfie filmleri

    回覆
  11. Thomasgelty表示:
    2024-03-0522:17:05

    http://abelladanger.online/# abella danger izle

    回覆
  12. JamesDiect表示:
    2024-03-0521:38:04

    Angela Beyaz modeli: Angela White – Angela White video

    回覆
  13. Qtmhfx表示:
    2024-03-0520:23:56

    buy meloxicam without prescription celebrex buy online generic celebrex 100mg

    回覆
  14. RodrigoJet表示:
    2024-03-0520:18:31

    https://lanarhoades.fun/# lana rhoades izle

    回覆
  15. RodrigoJet表示:
    2024-03-0519:59:50

    https://sweetiefox.online/# Sweetie Fox

    回覆
  16. EddieDor表示:
    2024-03-0518:14:50

    http://angelawhite.pro/# Angela White

    回覆
  17. Thomasgelty表示:
    2024-03-0518:03:51

    http://evaelfie.pro/# eva elfie filmleri

    回覆
  18. EddieDor表示:
    2024-03-0516:35:25

    https://evaelfie.pro/# eva elfie modeli

    回覆
  19. Thomasgelty表示:
    2024-03-0516:04:36

    https://abelladanger.online/# Abella Danger

    回覆
  20. Thomasgelty表示:
    2024-03-0512:45:05

    http://lanarhoades.fun/# lana rhoades

    回覆
  21. RodrigoJet表示:
    2024-03-0511:47:05

    https://lanarhoades.fun/# lana rhoades izle

    回覆
  22. RodrigoJet表示:
    2024-03-0511:29:26

    https://lanarhoades.fun/# lana rhoades filmleri

    回覆
  23. Thomasgelty表示:
    2024-03-0511:03:02

    https://sweetiefox.online/# swetie fox

    回覆
  24. JamesDiect表示:
    2024-03-0508:56:42

    Angela Beyaz modeli: Angela White izle – Angela White

    回覆
  25. Thomasgelty表示:
    2024-03-0508:14:29

    https://evaelfie.pro/# eva elfie izle

    回覆
  26. Thomasgelty表示:
    2024-03-0506:37:34

    https://sweetiefox.online/# swetie fox

    回覆
  27. RodrigoJet表示:
    2024-03-0503:27:24

    http://abelladanger.online/# abella danger video

    回覆
  28. RodrigoJet表示:
    2024-03-0503:08:12

    http://abelladanger.online/# abella danger video

    回覆
  29. JamesDiect表示:
    2024-03-0502:33:50

    Angela White: Angela White – Angela White filmleri

    回覆
  30. Thomasgelty表示:
    2024-03-0502:27:36

    https://angelawhite.pro/# Angela Beyaz modeli

    回覆

發佈留言

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