jQuery範例 – Apple產品導覽介面製作

這次的jQuery應用範例要來試做的是Apple官方網頁上面有關產品介紹的介面。

Apple 官網產品介紹頁面截圖

主要用到的圖檔除了各產品的照片之外,就只有兩張,一個是底部的漸層,另一個是三角形箭頭。

另外當然是用到了jQuery和CSS的語法,CSS中有3.0的語法,所以圓角、陰影…等都不是圖檔構成,有想要研究的可以看看馬老師製作的範例檔下載)、範例檔2下載),大家看完後有任何問題歡迎在此回應,謝謝!

註:本範例所使用的圖片版權屬於Apple與Adobe公司所有。

You may also like...

18,591 Responses

  1. Jariorahf表示:

    Где купить диплом по необходимой специальности?
    Наши специалисты предлагают выгодно заказать диплом, который выполняется на бланке ГОЗНАКа и заверен мокрыми печатями, водяными знаками, подписями должностных лиц. Диплом способен пройти любые проверки, даже с применением специальных приборов. Достигайте цели быстро и просто с нашим сервисом.
    Купить диплом ВУЗа diplomus-spb.ru/kuplyu-diplom-16/

  2. 1win_sjMa表示:

    1win вход в личный кабинет 1win вход в личный кабинет .

  3. Sazrdhc表示:

    Мы можем предложить дипломы любой профессии по приятным тарифам. Стоимость может зависеть от выбранной специальности, года получения и университета. Всегда стараемся поддерживать для покупателей адекватную политику цен. Важно, чтобы документы были доступны для большинства наших граждан. купить диплом сзту

  4. Dnrtbxf表示:

    Где купить диплом по нужной специальности?
    Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по выгодным тарифам. Мы можем предложить документы ВУЗов, расположенных на территории всей Российской Федерации. Можно приобрести качественно сделанный диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы и аттестаты делаются на бумаге самого высшего качества. Это дает возможность делать государственные дипломы, которые не отличить от оригинала. Они заверяются необходимыми печатями и штампами. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Важно, чтобы дипломы были доступными для большинства наших граждан. diplom-kuplu.ru/kupit-diplom-v-saratove-8

  5. Diplomi_akEa表示:

    Приобрести диплом о высшем образовании!
    Мы готовы предложить документы любых учебных заведений, которые расположены на территории всей РФ.
    diplomers.com/attestat-kupit-za-11-klass-6

  6. Michaeltor表示:

    Kamagra Oral Jelly kaufen: Kamagra Oral Jelly kaufen – kamagra

  7. Michaeltor表示:

    Online apotheek Nederland met recept: Apotheek Max – de online drogist kortingscode

  8. HomerFaw表示:

    https://apotekonlinerecept.com/# Apotek hemleverans recept

  9. Louislen表示:

    https://apotheekmax.com/# Apotheek online bestellen

  10. Derekgroum表示:

    de online drogist kortingscode: Beste online drogist – Online apotheek Nederland met recept

  11. ArthurChunc表示:

    [url=https://Kra30.ca/]Кракен ссылки[/url] – Даркнет вход, Как зайти на кракен

  12. ArthurChunc表示:

    Кракен регистрация – Как зайти на кракен, Кракен ссылки

  13. Louislen表示:

    http://kamagrapotenzmittel.com/# Kamagra kaufen ohne Rezept

  14. ArthurChunc表示:

    Кракен ссылки – Кракен тор, Как зайти на кракен

  15. ArthurChunc表示:

    Кракен даркнет – Кракен даркнет, Кракен даркнет

  16. Michaeltor表示:

    Apoteket online: apotek online – Apotek hemleverans idag

  17. ArthurChunc表示:

    Даркнет маркет – Кракен регистрация, Кракен ссылки

  18. ArthurChunc表示:

    Кракен зеркало – Кракен ссылки, Кракен вход через Тор

  19. Michaeltor表示:

    apotek online recept: apotek online – Apotek hemleverans idag

  20. Malcolmseern表示:

    Kamagra Oral Jelly Kamagra Original Kamagra Gel

  21. Derekgroum表示:

    Betrouwbare online apotheek zonder recept: online apotheek – Apotheek Max

  22. mostbet_zxEn表示:

    служба поддержки мостбет номер телефона https://mostbet6007.ru/ .

  23. Louislen表示:

    http://apotheekmax.com/# Apotheek Max

發佈留言

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