馬老師 雲端研究室

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

13,687 Responses

  1. StevenAxofs表示:
    2024-12-1103:59:37

    https://drugs1st.pro/# ed causes and cures

    回覆
  2. 비아그라 구매表示:
    2024-12-1103:40:11

    https://truthful-tulip-dbgzhv.mystrikingly.com/blog/3151683cc90

    回覆
  3. 네이버 아이디 구매表示:
    2024-12-1103:37:04

    https://medium.com/@carlfrancoh38793/%EB%B9%A0%EB%A5%B4%EA%B2%8C-%EC%8B%9C%EC%9E%91%ED%95%98%EB%8A%94-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%95%84%EC%9D%B4%EB%94%94-%EA%B5%AC%EB%A7%A4-%ED%99%9C%EC%9A%A9%EB%B2%95-e4a7bf2e3c57

    回覆
  4. 네이버 아이디 구매表示:
    2024-12-1103:36:15

    https://inky-owl-dd3cmv.mystrikingly.com/blog/3cf53348e92

    回覆
  5. 네이버 아이디 구매表示:
    2024-12-1103:35:25

    https://naveridbuy.blogspot.com/2024/11/blog-post_58.html

    回覆
  6. BradleyPobby表示:
    2024-12-1103:01:43

    https://kamagra.men/# Kamagra 100mg price

    回覆
  7. JamesThync表示:
    2024-12-1101:56:31

    Purchase Cenforce Online: Buy Cenforce 100mg Online – buy cenforce

    回覆
  8. сейфы для дома表示:
    2024-12-1101:51:35

    Здесь можно сейфы для дома цены сейф домашний купить москва

    回覆
  9. CoreyNeura表示:
    2024-12-1101:39:07

    ed treatments online buy ed medication cheap ed meds

    回覆
  10. BradleyPobby表示:
    2024-12-1023:11:44

    http://cenforce.icu/# cenforce.icu

    回覆
  11. 비아그라 구매表示:
    2024-12-1023:07:08

    https://xn--w2-o02ik82a9kav54aokmxvc.mystrikingly.com/blog/291adc1e846

    回覆
  12. 비아그라 구매表示:
    2024-12-1023:06:11

    https://gajweor.pixnet.net/blog/post/157629283

    回覆
  13. Cazrrmc表示:
    2024-12-1023:04:09

    Приобретение диплома ПТУ с сокращенной программой обучения в Москве

    回覆
  14. купить сейф для дома表示:
    2024-12-1022:46:05

    Здесь можно домашний сейф цена сейфы домашние

    回覆
  15. StevenAxofs表示:
    2024-12-1022:24:28

    http://cenforce.icu/# Cenforce 150 mg online

    回覆
  16. StevenAxofs表示:
    2024-12-1020:56:05

    http://drugs1st.pro/# drugs1st

    回覆
  17. BradleyPobby表示:
    2024-12-1020:44:21

    https://cenforce.icu/# buy cenforce

    回覆
  18. 네이버 아이디 구매表示:
    2024-12-1020:19:27

    https://candid-lion-dd3cm3.mystrikingly.com/blog/b99e214c11a

    回覆
  19. 네이버 아이디 구매表示:
    2024-12-1020:17:32

    https://medium.com/@carlfrancoh38793/%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%95%84%EC%9D%B4%EB%94%94-%EA%B5%AC%EB%A7%A4-%ED%95%A9%EB%B2%95%EC%9D%B8%EA%B0%80%EC%9A%94-%EC%95%8C%EC%95%84%EB%B4%85%EC%8B%9C%EB%8B%A4-40dff2b624f5

    回覆
  20. Charlescek表示:
    2024-12-1019:50:15

    buy rybelsus online: semaglutide best price – semaglutide tablets store

    回覆
  21. Treflam表示:
    2024-12-1019:06:56

    Полезная информация как официально купить диплом о высшем образовании

    回覆
  22. Sazrnst表示:
    2024-12-1017:39:03

    Покупка диплома о среднем полном образовании: как избежать мошенничества?

    回覆
  23. JamesThync表示:
    2024-12-1016:49:51

    semaglutide tablets: semaglutide tablets store – buy semaglutide

    回覆
  24. Charlescek表示:
    2024-12-1014:56:28

    cheap ed pills online: ed pills cheap – ed online pharmacy

    回覆
  25. BradleyPobby表示:
    2024-12-1014:19:56

    https://semaglutidetablets.store/# semaglutide best price

    回覆
  26. kapelnica ot zapoya kolomna_emot表示:
    2024-12-1013:40:57

    капельница от запоя на дому в Коломне капельница от запоя на дому в Коломне .

    回覆
  27. kapelnica ot zapoya kolomna_ywer表示:
    2024-12-1013:37:42

    капельница от запоя коломна капельница от запоя коломна .

    回覆
  28. StevenAxofs表示:
    2024-12-1013:33:35

    https://kamagra.men/# buy kamagra online usa

    回覆
  29. kapelnica ot zapoya kolomna_jvOl表示:
    2024-12-1013:27:21

    стоимость капельницы от запоя стоимость капельницы от запоя .

    回覆
  30. Betflare_kpsn表示:
    2024-12-1013:24:47

    Betflare ?????? Betflare ?????? .

    回覆

發佈留言

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