馬老師 雲端研究室

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

  1. Frankmaype表示:
    2024-03-1102:12:04

    mia malkova latest: mia malkova photos – mia malkova only fans

    回覆
  2. CraigRew表示:
    2024-03-1022:56:18

    http://lanarhoades.pro/# lana rhoades

    回覆
  3. Frankmaype表示:
    2024-03-1019:31:49

    fox sweetie: fox sweetie – sweetie fox cosplay

    回覆
  4. Frankmaype表示:
    2024-03-1016:22:55

    lana rhoades unleashed: lana rhoades full video – lana rhoades full video

    回覆
  5. Howardcoive表示:
    2024-03-1014:52:40

    text hot naked singles: https://evaelfie.site/# eva elfie hot

    回覆
  6. CraigRew表示:
    2024-03-1013:01:26

    https://evaelfie.site/# eva elfie full videos

    回覆
  7. Howardcoive表示:
    2024-03-1013:00:37

    single woman dating for free: http://sweetiefox.pro/# sweetie fox

    回覆
  8. JasonPab表示:
    2024-03-1012:24:23

    ph sweetie fox: ph sweetie fox – sweetie fox video

    回覆
  9. Frankmaype表示:
    2024-03-1011:33:41

    lana rhoades videos: lana rhoades boyfriend – lana rhoades boyfriend

    回覆
  10. Fddfcr表示:
    2024-03-1011:04:43

    brand imitrex 50mg oral sumatriptan levofloxacin price

    回覆
  11. JasonPab表示:
    2024-03-1010:17:46

    mia malkova videos: mia malkova latest – mia malkova

    回覆
  12. Frankmaype表示:
    2024-03-1009:01:21

    lana rhoades videos: lana rhoades hot – lana rhoades boyfriend

    回覆
  13. CraigRew表示:
    2024-03-1003:17:00

    https://evaelfie.site/# eva elfie hot

    回覆
  14. Ijpbtu表示:
    2024-03-1003:09:46

    zofran 8mg tablet buy cheap spironolactone brand spironolactone 25mg

    回覆
  15. Frankmaype表示:
    2024-03-1002:45:06

    mia malkova only fans: mia malkova photos – mia malkova new video

    回覆
  16. Frankmaype表示:
    2024-03-0922:54:31

    mia malkova girl: mia malkova only fans – mia malkova hd

    回覆
  17. Howardcoive表示:
    2024-03-0919:11:50

    online dating plus 50: https://miamalkova.life/# mia malkova movie

    回覆
  18. Howardcoive表示:
    2024-03-0917:22:14

    skip the games dating site: http://miamalkova.life/# mia malkova movie

    回覆
  19. Frankmaype表示:
    2024-03-0916:34:28

    sweetie fox new: sweetie fox cosplay – sweetie fox new

    回覆
  20. CraigRew表示:
    2024-03-0916:10:16

    http://evaelfie.site/# eva elfie videos

    回覆
  21. CraigRew表示:
    2024-03-0915:54:58

    http://lanarhoades.pro/# lana rhoades boyfriend

    回覆
  22. JasonPab表示:
    2024-03-0913:47:30

    eva elfie hd: eva elfie new video – eva elfie new videos

    回覆
  23. Frankmaype表示:
    2024-03-0913:23:49

    eva elfie hd: eva elfie new videos – eva elfie new videos

    回覆
  24. JasonPab表示:
    2024-03-0911:43:28

    lana rhoades: lana rhoades solo – lana rhoades boyfriend

    回覆
  25. Frankmaype表示:
    2024-03-0907:19:30

    sweetie fox video: sweetie fox full – sweetie fox video

    回覆
  26. Kkftbw表示:
    2024-03-0907:06:11

    buy esomeprazole generic purchase esomeprazole online cheap purchase topamax

    回覆
  27. CraigRew表示:
    2024-03-0903:51:48

    http://sweetiefox.pro/# sweetie fox new

    回覆
  28. Frankmaype表示:
    2024-03-0903:41:40

    mia malkova latest: mia malkova videos – mia malkova

    回覆
  29. Howardcoive表示:
    2024-03-0823:41:54

    christian singles dating site: https://miamalkova.life/# mia malkova photos

    回覆
  30. Howardcoive表示:
    2024-03-0821:54:07

    yahoo dating personals: http://lanarhoades.pro/# lana rhoades boyfriend

    回覆

發佈留言

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