馬老師 雲端研究室

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

  1. Robertevend表示:
    2024-03-2909:36:54

    http://sweetbonanza.bid/# sweet bonanza slot demo

    回覆
  2. Robertevend表示:
    2024-03-2906:59:21

    https://gatesofolympus.auction/# gates of olympus guncel

    回覆
  3. Williamfer表示:
    2024-03-2905:30:51

    pin up bet: pin-up casino – pin-up online

    回覆
  4. Robertevend表示:
    2024-03-2905:17:07

    http://pinupgiris.fun/# pin up casino

    回覆
  5. Williamfer表示:
    2024-03-2903:41:50

    gates of olympus slot: gates of olympus demo turkce oyna – gates of olympus hilesi

    回覆
  6. Robertevend表示:
    2024-03-2901:56:37

    http://sweetbonanza.bid/# sweet bonanza giris

    回覆
  7. Keithadoms表示:
    2024-03-2901:03:46

    https://gatesofolympus.auction/# gates of olympus demo

    回覆
  8. Robertevend表示:
    2024-03-2900:03:58

    http://aviatoroyna.bid/# aviator oyna

    回覆
  9. Keithadoms表示:
    2024-03-2823:22:01

    https://pinupgiris.fun/# pin up aviator

    回覆
  10. Franksib表示:
    2024-03-2822:21:33

    sweet bonanza taktik: sweet bonanza slot demo – sweet bonanza

    回覆
  11. Robertevend表示:
    2024-03-2821:16:29

    http://sweetbonanza.bid/# sweet bonanza free spin demo

    回覆
  12. Robertevend表示:
    2024-03-2819:21:30

    https://sweetbonanza.bid/# sweet bonanza giris

    回覆
  13. Robertevend表示:
    2024-03-2816:16:43

    http://aviatoroyna.bid/# aviator hilesi ücretsiz

    回覆
  14. Franksib表示:
    2024-03-2815:41:04

    pin-up casino: pin-up casino giris – pin-up online

    回覆
  15. Robertevend表示:
    2024-03-2814:30:41

    https://gatesofolympus.auction/# gates of olympus taktik

    回覆
  16. Jqiwgp表示:
    2024-03-2813:59:09

    purchase clozaril for sale – ramipril 10mg cheap buy pepcid no prescription

    回覆
  17. Robertevend表示:
    2024-03-2811:48:30

    http://slotsiteleri.guru/# slot siteleri bonus veren

    回覆
  18. Robertevend表示:
    2024-03-2810:15:53

    https://gatesofolympus.auction/# gates of olympus slot

    回覆
  19. Williamfer表示:
    2024-03-2810:05:57

    casino slot siteleri: en iyi slot siteleri 2024 – deneme bonusu veren siteler

    回覆
  20. Keithadoms表示:
    2024-03-2808:35:50

    http://sweetbonanza.bid/# sweet bonanza kazanma saatleri

    回覆
  21. Williamfer表示:
    2024-03-2808:23:23

    sweet bonanza nas?l oynan?r: sweet bonanza guncel – sweet bonanza guncel

    回覆
  22. Robertevend表示:
    2024-03-2807:35:47

    http://gatesofolympus.auction/# gates of olympus

    回覆
  23. Icnvxd表示:
    2024-03-2807:29:40

    zidovudine 300mg pills – lamivudine 100mg uk zyloprim 300mg usa

    回覆
  24. Keithadoms表示:
    2024-03-2807:26:00

    https://slotsiteleri.guru/# en iyi slot siteleri

    回覆
  25. Robertevend表示:
    2024-03-2806:01:45

    https://sweetbonanza.bid/# sweet bonanza demo türkçe

    回覆
  26. Robertevend表示:
    2024-03-2802:58:36

    https://slotsiteleri.guru/# bonus veren slot siteleri

    回覆
  27. Franksib表示:
    2024-03-2801:58:09

    pin up guncel giris: pin up aviator – pin-up giris

    回覆
  28. Robertevend表示:
    2024-03-2801:05:29

    http://slotsiteleri.guru/# slot siteleri

    回覆
  29. Robertevend表示:
    2024-03-2722:01:12

    https://aviatoroyna.bid/# aviator oyna 20 tl

    回覆
  30. Robertevend表示:
    2024-03-2720:16:45

    https://pinupgiris.fun/# pin up casino güncel giris

    回覆

發佈留言

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