馬老師 雲端研究室

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

  1. Thomasnit表示:
    2025-01-1802:29:32

    купить тон – ферма цц официальный сайт, купить usdt москва

    回覆
  2. RichardHot表示:
    2025-01-1802:29:00

    [url=https://alt-coins.cc/]альткоин bestchange[/url] – Альткоин, Alt coin cc

    回覆
  3. RichardHot表示:
    2025-01-1802:28:17

    Alt coin cc обменник – Alt coin cc, Альткоин сс обменник

    回覆
  4. Thomasnit表示:
    2025-01-1802:21:48

    ferma cc – купить доге, ferma cc сайт

    回覆
  5. RichardHot表示:
    2025-01-1802:14:09

    альткоин bestchange – Альткоин бестчейдж, Альткоин обменник крипты

    回覆
  6. Wallacefex表示:
    2025-01-1802:03:25

    sweet bonanza kazanma saatleri: sweet bonanza – sweet bonanza oyna

    回覆
  7. Thomasnit表示:
    2025-01-1801:58:38

    обменять тон – купить usdt москва, обменять эфириум

    回覆
  8. RichardHot表示:
    2025-01-1801:51:25

    Alt coin cc обменник – Altcoin обменник, Альткоин обменник крипты

    回覆
  9. Thomasnit表示:
    2025-01-1801:49:01

    купить лтк – usdt обменник, обменять доге

    回覆
  10. ianqibn表示:
    2025-01-1801:48:28

    need aceon no script canada

    回覆
  11. RichardHot表示:
    2025-01-1801:47:34

    Альт коин обменник – Альт коин обменник, Alt coin bestchange

    回覆
  12. RichardHot表示:
    2025-01-1801:35:15

    Alt coin bestchange – Altcoin обменник, Альткоин сс обменник

    回覆
  13. RichardHot表示:
    2025-01-1801:32:00

    Альткоин – Altcoin обменник, Альткоин сс обменник

    回覆
  14. Thomasnit表示:
    2025-01-1801:31:06

    ферма цц отзывы – купить usdt за рубли, ferma cc

    回覆
  15. Thomasnit表示:
    2025-01-1801:23:15

    обменять eth – ferma cc обмен валют, купить лтк

    回覆
  16. Thomasnit表示:
    2025-01-1801:16:32

    купить доге – обменник криптовалют, как обменять бтк

    回覆
  17. Thomasnit表示:
    2025-01-1801:14:28

    ферма цц – ферма бестчендж, вывод btc на рубли

    回覆
  18. Thomasnit表示:
    2025-01-1801:10:36

    ферма бестчендж – купить ltc, вывод trc на рубли

    回覆
  19. RichardHot表示:
    2025-01-1801:07:26

    Alt coin cc обменник – Альт коин обменник, Altcoin обменник

    回覆
  20. BradleyEdino表示:
    2025-01-1800:20:40

    sweet bonanza slot sweet bonanza yorumlar sweet bonanza slot

    回覆
  21. Wallacefex表示:
    2025-01-1723:58:49

    guvenilir casino siteleri: canl? casino siteleri – Casino Siteleri

    回覆
  22. chkyutc表示:
    2025-01-1723:56:22

    aceon online discount

    回覆
  23. BradleyEdino表示:
    2025-01-1722:31:59

    Canl? Casino Siteleri canl? casino siteleri guvenilir casino siteleri

    回覆
  24. fgmqfufs表示:
    2025-01-1722:04:38

    purchase cytotec la

    回覆
  25. FrankEmine表示:
    2025-01-1721:58:45

    yeni deneme bonusu veren siteler: yat?r?ms?z deneme bonusu veren siteler – yeni deneme bonusu veren siteler

    回覆
  26. BradleyEdino表示:
    2025-01-1720:33:31

    deneme bonusu veren yeni siteler deneme bonusu veren siteler yeni deneme bonusu veren siteler yeni

    回覆
  27. rdppqngo表示:
    2025-01-1720:22:16

    buy aceon online and aceon

    回覆
  28. JasonUnsoG表示:
    2025-01-1719:57:14

    http://denemebonusuverensiteler25.com/# deneme bonusu veren siteler

    回覆
  29. Justincig表示:
    2025-01-1719:09:19

    https://empathycenter.ru/articles/ludomaniya-osobennosti-diagnostika-i-podkhody-k-lecheniyu/ – лечение лудомании

    Что такое лудомания. Общие данные. Краткая история появления и развития. Почему возникает лудомания.

    回覆
  30. ed meds without doctor prescription表示:
    2025-01-1718:04:38

    india online pharmacy

    回覆

發佈留言

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