馬老師 雲端研究室

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

  1. AdolfoAnove表示:
    2024-11-2820:35:08

    natural ed: canada pharmacy online – cialis without a doctor’s prescription

    回覆
  2. Frankmor表示:
    2024-11-2820:19:09

    best non prescription ed pills http://mexicanpharmeasy.com/# mexican online pharmacies prescription drugs

    回覆
  3. Frankmor表示:
    2024-11-2818:38:38

    is ed reversible http://mexicanpharmeasy.com/# medication from mexico pharmacy

    回覆
  4. CarlosSlala表示:
    2024-11-2817:09:42

    indian pharmacy online: IndianPharmStar – pharmacy website india

    回覆
  5. Frankmor表示:
    2024-11-2816:58:09

    erection pills http://canadianpharm1st.com/# help with ed

    回覆
  6. AdolfoAnove表示:
    2024-11-2816:38:51

    how can i order prescription drugs without a doctor: canada pharmacy online – natural herbs for ed

    回覆
  7. Scottlully表示:
    2024-11-2814:45:38

    indian pharmacy paypal: IndianPharmStar.com – indian pharmacy paypal

    回覆
  8. vivod iz zapoya ekaterinbyrg_ajot表示:
    2024-11-2814:11:13

    нарколог на дом екатеринбург цены sait.anihub.me/viewtopic.php?id=5681 .

    回覆
  9. AdolfoAnove表示:
    2024-11-2814:09:54

    new ed treatments: canadianpharm1st – best ed pills non prescription

    回覆
  10. Thomasjoync表示:
    2024-11-2814:06:32

    the best ed pill canadian pharm top ed pills

    回覆
  11. Scottlully表示:
    2024-11-2813:05:02

    viagra without a doctor prescription: canadian pharm 1st – canadian drugs

    回覆
  12. Thomasjoync表示:
    2024-11-2812:49:21

    medications list canadian pharm buy prescription drugs from india

    回覆
  13. Cazrkhg表示:
    2024-11-2811:47:54

    Процесс получения диплома стоматолога: реально ли это сделать быстро?

    回覆
  14. vivod iz zapoya ekaterinbyrg_zrEt表示:
    2024-11-2811:34:10

    вывод из запоя екатеринбург http://www.klin.0pk.me/viewtopic.php?id=4410 .

    回覆
  15. vivod iz zapoya ekaterinbyrg_tnMa表示:
    2024-11-2811:34:09

    выведение из запоя на дому в екатеринбурге https://www.uaportal.ukrbb.net/viewtopic.php?f=2&t=3722 .

    回覆
  16. vivod iz zapoya ekaterinbyrg_ozOn表示:
    2024-11-2811:22:40

    вывод из запоя врачом на дому http://www.zarabotokdoma.creartuforo.com/viewtopic.php?id=11486/ .

    回覆
  17. Jugabet Peru_vjEn表示:
    2024-11-2811:12:38

    Jugabet apuestas deportivas Jugabet apuestas deportivas .

    回覆
  18. GeorgeRef表示:
    2024-11-2811:04:15

    аттестационный центр специальная оценка условий труда в москве внеочередная соут в москве

    回覆
  19. HenrydeT表示:
    2024-11-2809:13:02

    пин ап казино pinup pinup

    回覆
  20. DarioTob表示:
    2024-11-2808:13:23

    pinup-kazi.ru: пин ап казино официальный сайт – пин ап казино официальный сайт

    回覆
  21. HenrydeT表示:
    2024-11-2808:13:01

    vavada вавада казино vavada kazi

    回覆
  22. CurtisIncix表示:
    2024-11-2806:07:02

    пин ап казино: пин ап зеркало – пин ап казино официальный сайт

    回覆
  23. DarioTob表示:
    2024-11-2805:54:55

    вавада казино зеркало: vavada kazi – vavada-kazi.ru

    回覆
  24. HenrydeT表示:
    2024-11-2804:12:00

    пин ап казино официальный сайт pinup-kazi.ru пинап казино

    回覆
  25. Jamesdiure表示:
    2024-11-2803:28:13

    пин ап кз: пин ап казино – пин ап казино онлайн

    回覆
  26. Jamesdiure表示:
    2024-11-2801:37:54

    пин ап казино онлайн: пинап казино – пин ап казино

    回覆
  27. Josephmax表示:
    2024-11-2800:56:10

    http://vavada-kazi.ru/# вавада

    回覆
  28. DarioTob表示:
    2024-11-2723:57:50

    пинап казино: pinup – пин ап вход

    回覆
  29. Josephmax表示:
    2024-11-2723:04:53

    https://vavada-kazi.ru/# vavada-kazi.ru

    回覆
  30. GeorgeRef表示:
    2024-11-2722:21:05

    оценка условий труда на производстве москва сделать специальную оценку условий труда

    回覆

發佈留言

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