馬老師 雲端研究室

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

11,993 Responses

  1. WilliamDeemo表示:
    2024-09-0906:07:27

    Ламинат – это практичный и стильный материал для отделки пола, который пользуется популярностью благодаря своей прочности и удобству в уходе. Сочетая в себе красоту натурального дерева и износостойкость покрытия, ламинат становится отличным выбором для любого интерьера. Его широкий ассортимент цветов и текстур позволяет создать уютную и стильную обстановку в любом помещении. https://kvarcvinil5.ru/

    回覆
  2. ремонт фотоаппаратов в москве表示:
    2024-09-0823:37:57

    ремонт фотоаппарат

    回覆
  3. Drstobeese表示:
    2024-09-0821:44:20

    va online pharmacy: rx pharmacy richland wa – rx good neighbor pharmacy

    回覆
  4. Sazrwyq表示:
    2024-09-0820:27:32

    Официальная покупка школьного аттестата с упрощенным обучением в Москве

    owen.ru/forum/album.php?albumid=231&attachmentid=78170&commentid=2543

    回覆
  5. JeffreyPlaiz表示:
    2024-09-0819:49:54

    https://drstore24.com/# accutane pharmacy coupons
    sumatriptan pharmacy uk

    回覆
  6. JeffreyPlaiz表示:
    2024-09-0819:32:22

    https://pharm24on.com/# tylenol scholarship pharmacy
    pharmacy today

    回覆
  7. Lazrozm表示:
    2024-09-0816:31:42

    Здравствуйте!
    Мы изготавливаем дипломы любых профессий по приятным ценам.
    knx-fr.com/member.php?action=profile&uid=10400

    回覆
  8. Lazrqyh表示:
    2024-09-0816:30:17

    Добрый день!
    Мы изготавливаем дипломы любой профессии по выгодным тарифам.
    forum.electrostal.com/index.php?PHPSESSID=8q6fhbbafrc9dcuvg3cnjtc957&topic=85808.120

    回覆
  9. Drstobeese表示:
    2024-09-0816:03:28

    viagra uk pharmacy: discount pharmacy viagra – cost of viagra at pharmacy

    回覆
  10. grynt dlya rastenii_mnkr表示:
    2024-09-0815:37:00

    купить универсальный грунт для цветов http://www.dachnik18.ru .

    回覆
  11. WilliamDeeli表示:
    2024-09-0815:23:37

    Добрый день!
    Мы можем предложить дипломы.
    schoolpress.ru/news_schoolpress/forum/index.php?PAGE_NAME=profile_view&UID=205658

    回覆
  12. Cazramm表示:
    2024-09-0815:09:18

    Полезные советы по безопасной покупке диплома о высшем образовании
    sbereg.ru/pages/gde_kupit_provedennuy_diplom_v_moskve_legalno_i_bustro

    回覆
  13. Cazrxmx表示:
    2024-09-0815:07:23

    Купить диплом о среднем образовании в Москве и любом другом городе
    shop.radioscanner.ru/wa-content/pgs/gde_kupit_diplom_v_rossii_legalno_i_bezopasn

    回覆
  14. Eanruxx表示:
    2024-09-0813:56:01

    Привет!
    Мы изготавливаем дипломы любой профессии по разумным тарифам.
    bayofislandsinformation.co.nz/accommodation/holiday-homes/tapeka-del-mar-beachfront-holiday-home

    回覆
  15. Eanrkfx表示:
    2024-09-0813:52:26

    Здравствуйте!
    Мы предлагаем дипломы любых профессий по приятным тарифам.
    la-buket.ru/catalog/?ELEMENT_ID=50&SECTION_ID=2

    回覆
  16. WilliamDeeli表示:
    2024-09-0813:03:36

    Привет, друзья!
    Мы изготавливаем дипломы.
    nemoskvichi.ru/forum/viewtopic.php?f=42&t=144139

    回覆
  17. WilliamDeeli表示:
    2024-09-0813:01:07

    Здравствуйте!
    Мы готовы предложить дипломы.
    goebecom.jofo.me/2265271

    回覆
  18. Randythils表示:
    2024-09-0807:10:32

    новый хендай солярис 2024 сколько стоит хендай солярис 2024

    回覆
  19. Sazrlhq表示:
    2024-09-0803:16:42

    Как купить аттестат 11 класса с официальным упрощенным обучением в Москве

    回覆
  20. Sazrrbd表示:
    2024-09-0800:53:04

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

    回覆
  21. Sazrzcc表示:
    2024-09-0800:50:12

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

    回覆
  22. Reiting kapperov_tmpi表示:
    2024-09-0800:09:42

    топ лучших ставок на спорт [url=rejting-kapperov14.ru]rejting-kapperov14.ru[/url] .

    回覆
  23. Lazrabl表示:
    2024-09-0723:47:22

    Здравствуйте!
    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по приятным ценам.
    albom-m.ru

    回覆
  24. Lazrqnv表示:
    2024-09-0722:46:42

    Здравствуйте!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    empyrethegame.com/forum/memberlist.php?mode=viewprofile&u=286688

    回覆
  25. LarrySwall表示:
    2024-09-0722:15:29

    seo продвижение сайтов https://seo-5.ru

    回覆
  26. Sazrakf表示:
    2024-09-0722:05:19

    Как быстро получить диплом магистра? Легальные способы

    回覆
  27. Sazrgeo表示:
    2024-09-0719:30:29

    Быстрая схема покупки диплома старого образца: что важно знать?

    回覆
  28. Sazridw表示:
    2024-09-0719:27:36

    Как правильно приобрести диплом колледжа или ПТУ в России, важные моменты

    回覆
  29. Sazrpdi表示:
    2024-09-0719:17:39

    Привет!
    Заказать документ о получении высшего образования
    panarabiaenquirer.com/_404

    回覆
  30. Sazrahj表示:
    2024-09-0717:33:47

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

    回覆

發佈留言

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