馬老師 雲端研究室

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...

14,258 Responses

  1. ClairJaw表示:
    2025-01-1906:45:43

    advice MetaMask Download

    回覆
  2. JohnnyFrorp表示:
    2025-01-1906:36:54

    find out here MetaMask Download

    回覆
  3. ClairJaw表示:
    2025-01-1906:32:19

    look at these guys [url=https://sites.google.com/mycryptowalletus.com/metamask-walletapp-extension/]MetaMask Download[/url]

    回覆
  4. ClairJaw表示:
    2025-01-1906:29:07

    try this web-site Metamask Extension

    回覆
  5. JohnnyFrorp表示:
    2025-01-1906:27:03

    click to find out more Metamask Extension

    回覆
  6. JohnnyFrorp表示:
    2025-01-1906:24:30

    check out the post right here Metamask Extension

    回覆
  7. JohnnyFrorp表示:
    2025-01-1906:24:08

    click here to read MetaMask Download

    回覆
  8. ClairJaw表示:
    2025-01-1906:14:23

    blog MetaMask Download

    回覆
  9. ClairJaw表示:
    2025-01-1906:13:20

    hop over to these guys Metamask Extension

    回覆
  10. BradleyEdino表示:
    2025-01-1906:04:16

    en kazancl? slot oyunlar? az parayla cok kazandiran slot oyunlar? en cok kazand?ran slot oyunlar?

    回覆
  11. mbxhbkvf表示:
    2025-01-1905:57:12

    cheap misoprostol cytotec

    回覆
  12. JohnnyFrorp表示:
    2025-01-1905:56:22

    he has a good point [url=https://sites.google.com/mycryptowalletus.com/metamaskwalletapp-extension/]MetaMask Download[/url]

    回覆
  13. ClairJaw表示:
    2025-01-1905:55:06

    like it MetaMask Download

    回覆
  14. JohnnyFrorp表示:
    2025-01-1905:52:47

    More Bonuses MetaMask Download

    回覆
  15. FrankEmine表示:
    2025-01-1904:55:20

    yeni deneme bonusu veren siteler: deneme bonusu veren yeni siteler – deneme bonusu veren yeni siteler

    回覆
  16. BradleyEdino表示:
    2025-01-1904:09:34

    sweet bonanza guncel sweet bonanza guncel sweet bonanza

    回覆
  17. ystezuj表示:
    2025-01-1903:56:23

    cost cytotec 100 mcg

    回覆
  18. JasonUnsoG表示:
    2025-01-1903:23:38

    https://sweetbonanza25.com/# sweet bonanza

    回覆
  19. qjichu表示:
    2025-01-1901:27:15

    best price gymiso cytotec

    回覆
  20. JasonUnsoG表示:
    2025-01-1901:01:01

    http://sweetbonanza25.com/# sweet bonanza demo oyna

    回覆
  21. Wallacefex表示:
    2025-01-1900:50:17

    sweet bonanza giris: sweet bonanza yorumlar – sweet bonanza slot

    回覆
  22. JasonUnsoG表示:
    2025-01-1823:25:14

    https://denemebonusuverensiteler25.com/# deneme bonusu veren yeni siteler

    回覆
  23. Wallacefex表示:
    2025-01-1822:47:12

    Casino Siteleri: casino bahis siteleri – deneme bonusu veren casino siteleri

    回覆
  24. StephenDeery表示:
    2025-01-1822:22:19

    Hi there everyone, it’s my first pay a visit at this web site, and paragraph is in fact fruitful designed for me, keep up posting such articles or reviews.
    https://slovo-pacana.info/

    回覆
  25. BradleyEdino表示:
    2025-01-1821:51:48

    slot casino siteleri en kazancl? slot oyunlar? en cok kazand?ran slot oyunlar?

    回覆
  26. nslebr表示:
    2025-01-1821:39:37

    buy cytotec online fast shipping

    回覆
  27. ocbsyzkw表示:
    2025-01-1821:16:11

    buy online cytotec tucson

    回覆
  28. BradleyEdino表示:
    2025-01-1819:53:21

    sweet bonanza kazanma saatleri sweet bonanza slot sweet bonanza guncel

    回覆
  29. StephenDeery表示:
    2025-01-1819:18:14

    Hi there i am kavin, its my first time to commenting anywhere, when i read this article i thought i could also make comment due to this brilliant post.
    https://slovo-pacana.info/

    回覆
  30. FrankEmine表示:
    2025-01-1819:15:28

    guvenilir casino siteleri: canl? casino siteleri – Canl? Casino Siteleri

    回覆

發佈留言

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