馬老師 雲端研究室

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

7,179 Responses

  1. Larrylab表示:
    2024-04-0815:48:53

    п»їbest mexican online pharmacies online pharmacy in Mexico medication from mexico pharmacy

    回覆
  2. Larrylab表示:
    2024-04-0815:37:10

    indian pharmacy online indian pharmacy delivery Online medicine order

    回覆
  3. DanielElorp表示:
    2024-04-0812:40:26

    Cialis without a doctor prescription Buy Cialis online Generic Cialis price

    回覆
  4. DanielElorp表示:
    2024-04-0812:23:08

    Generic Viagra online generic ed pills Sildenafil 100mg price

    回覆
  5. Isaacwem表示:
    2024-04-0812:03:57

    Buy Cialis online: tadalafil iq – Cheap Cialis

    回覆
  6. RalphRem表示:
    2024-04-0810:58:34

    http://kamagraiq.com/# Kamagra 100mg price

    回覆
  7. RobertaRous表示:
    2024-04-0810:32:04

    http://sildenafiliq.xyz/# generic sildenafil

    回覆
  8. Isaacwem表示:
    2024-04-0810:09:18

    buy Kamagra: Kamagra gel – buy kamagra online usa

    回覆
  9. RalphRem表示:
    2024-04-0809:03:15

    http://kamagraiq.shop/# super kamagra

    回覆
  10. Isaacwem表示:
    2024-04-0806:40:37

    Cheapest Sildenafil online: best price on viagra – Cheap generic Viagra

    回覆
  11. DanielElorp表示:
    2024-04-0805:11:26

    cheapest viagra sildenafil iq Viagra tablet online

    回覆
  12. JohnniePaits表示:
    2024-04-0804:59:08

    https://tadalafiliq.shop/# Cialis 20mg price

    回覆
  13. DanielElorp表示:
    2024-04-0804:54:57

    sildenafil 50 mg price best price on viagra Viagra online price

    回覆
  14. Isaacwem表示:
    2024-04-0804:52:00

    Viagra Tablet price: generic ed pills – Sildenafil 100mg price

    回覆
  15. RobertaRous表示:
    2024-04-0804:11:51

    http://tadalafiliq.shop/# Cialis 20mg price

    回覆
  16. Isaacwem表示:
    2024-04-0801:51:29

    buy Kamagra: Sildenafil Oral Jelly – Kamagra 100mg price

    回覆
  17. Isaacwem表示:
    2024-04-0800:09:33

    kamagra: kamagra best price – cheap kamagra

    回覆
  18. ChesterAsynC表示:
    2024-04-0722:22:00

    Viagra without a doctor prescription Canada: best price on viagra – Viagra generic over the counter

    回覆
  19. DanielElorp表示:
    2024-04-0721:40:47

    Buy Tadalafil 20mg cialis without a doctor prescription cheapest cialis

    回覆
  20. DanielElorp表示:
    2024-04-0721:24:13

    п»їkamagra buy Kamagra Kamagra Oral Jelly

    回覆
  21. Isaacwem表示:
    2024-04-0721:02:52

    Kamagra tablets: cheap kamagra – Kamagra 100mg price

    回覆
  22. ChesterAsynC表示:
    2024-04-0720:29:28

    generic sildenafil: buy viagra online – Cheapest Sildenafil online

    回覆
  23. Isaacwem表示:
    2024-04-0719:07:38

    Cialis without a doctor prescription: cialis without a doctor prescription – Cialis without a doctor prescription

    回覆
  24. JohnniePaits表示:
    2024-04-0717:04:50

    http://kamagraiq.shop/# п»їkamagra

    回覆
  25. Isaacwem表示:
    2024-04-0716:03:38

    Kamagra Oral Jelly: Kamagra Oral Jelly Price – Kamagra tablets

    回覆
  26. Isaacwem表示:
    2024-04-0714:36:14

    Kamagra tablets: Kamagra Oral Jelly – Kamagra 100mg

    回覆
  27. RalphRem表示:
    2024-04-0714:24:50

    http://sildenafiliq.xyz/# Generic Viagra online

    回覆
  28. DanielElorp表示:
    2024-04-0714:19:44

    generic sildenafil viagra canada Generic Viagra for sale

    回覆
  29. DanielElorp表示:
    2024-04-0714:03:02

    Kamagra tablets kamagra best price super kamagra

    回覆
  30. RalphRem表示:
    2024-04-0712:31:45

    https://sildenafiliq.xyz/# buy Viagra over the counter

    回覆

發佈留言

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