馬老師 雲端研究室

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

  1. Frankmaype表示:
    2024-03-0820:21:28

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

    回覆
  2. Frankmaype表示:
    2024-03-0817:10:30

    mia malkova new video: mia malkova hd – mia malkova

    回覆
  3. JasonPab表示:
    2024-03-0816:26:33

    eva elfie full videos: eva elfie full video – eva elfie

    回覆
  4. CraigRew表示:
    2024-03-0815:58:27

    http://lanarhoades.pro/# lana rhoades

    回覆
  5. JasonPab表示:
    2024-03-0814:36:42

    sweetie fox full video: fox sweetie – sweetie fox

    回覆
  6. Frankmaype表示:
    2024-03-0811:43:15

    lana rhoades: lana rhoades hot – lana rhoades boyfriend

    回覆
  7. Frankmaype表示:
    2024-03-0808:27:42

    eva elfie full videos: eva elfie – eva elfie

    回覆
  8. Howardcoive表示:
    2024-03-0804:16:36

    casual dating: https://lanarhoades.pro/# lana rhoades videos

    回覆
  9. CraigRew表示:
    2024-03-0804:14:23

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

    回覆
  10. Frankmaype表示:
    2024-03-0802:30:29

    mia malkova only fans: mia malkova girl – mia malkova

    回覆
  11. Howardcoive表示:
    2024-03-0802:27:15

    dateing site: http://evaelfie.site/# eva elfie hot

    回覆
  12. Frankmaype表示:
    2024-03-0723:14:14

    eva elfie hd: eva elfie hot – eva elfie full videos

    回覆
  13. JasonPab表示:
    2024-03-0720:48:16

    eva elfie new video: eva elfie videos – eva elfie full video

    回覆
  14. JasonPab表示:
    2024-03-0718:59:03

    eva elfie hot: eva elfie hot – eva elfie new video

    回覆
  15. Frankmaype表示:
    2024-03-0717:27:18

    eva elfie photo: eva elfie hot – eva elfie hd

    回覆
  16. CraigRew表示:
    2024-03-0716:21:00

    https://miamalkova.life/# mia malkova movie

    回覆
  17. Frankmaype表示:
    2024-03-0714:18:38

    lana rhoades hot: lana rhoades boyfriend – lana rhoades unleashed

    回覆
  18. Howardcoive表示:
    2024-03-0709:35:22

    international singles: http://lanarhoades.pro/# lana rhoades

    回覆
  19. Frankmaype表示:
    2024-03-0708:49:55

    mia malkova: mia malkova hd – mia malkova new video

    回覆
  20. Howardcoive表示:
    2024-03-0708:21:24

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

    回覆
  21. Uiqhee表示:
    2024-03-0707:17:32

    oral tamsulosin 0.4mg buy tamsulosin without prescription celecoxib 100mg cheap

    回覆
  22. Frankmaype表示:
    2024-03-0705:04:27

    sweetie fox new: sweetie fox new – fox sweetie

    回覆
  23. CraigRew表示:
    2024-03-0704:59:06

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

    回覆
  24. JasonPab表示:
    2024-03-0704:24:24

    sweetie fox full video: sweetie fox full video – sweetie fox

    回覆
  25. JasonPab表示:
    2024-03-0703:14:55

    sweetie fox full: fox sweetie – sweetie fox full

    回覆
  26. Frankmaype表示:
    2024-03-0623:56:05

    sweetie fox new: sweetie fox new – sweetie fox full video

    回覆
  27. Frankmaype表示:
    2024-03-0620:53:56

    eva elfie photo: eva elfie new videos – eva elfie new videos

    回覆
  28. Howardcoive表示:
    2024-03-0618:37:52

    online dating web site: https://miamalkova.life/# mia malkova hd

    回覆
  29. CraigRew表示:
    2024-03-0617:22:36

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

    回覆
  30. Howardcoive表示:
    2024-03-0616:59:10

    single senior dating site online: https://sweetiefox.pro/# sweetie fox video

    回覆

發佈留言

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