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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,910 Responses

  1. Cazrchn表示:

    Здравствуйте!
    Мы можем предложить документы ВУЗов, которые находятся на территории всей России. Вы имеете возможность купить качественно напечатанный диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Документы делаются на бумаге высшего качества. Это дает возможности делать государственные дипломы, не отличимые от оригинала. Они заверяются всеми требуемыми печатями и штампами.
    isig.ac.cd/alumni/blogs/37926/%D0%9B%D0%B5%D0%B3%D0%BA%D0%BE-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%82%D0%B0%D0%B5%D0%BC-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-Russian-Diplom

  2. Mazritu表示:

    Добрый день!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    vseogirls.ru/diplomyi-s-vyisokoy-autentichnostyu

  3. Uazrmtx表示:

    Привет!
    Где заказать диплом по актуальной специальности?
    vlasti.biz/202112192678/bor-ba-s-korruptsciei/novosti/kupit-diplom-o-srednem-obrazovanii.html

  4. Uazrnnr表示:

    Привет, друзья!
    Где купить диплом специалиста?
    http://www.marqueze.net/miembros/billyoung/profile/classic/

  5. Diplomi_rnEa表示:

    диплом высшее образование диплом высшее образование .

  6. Cazrufc表示:

    Привет!
    Мы готовы предложить документы ВУЗов, расположенных в любом регионе России. Можно приобрести диплом за любой год, включая документы старого образца СССР. Документы выпускаются на “правильной” бумаге самого высокого качества. Это дает возможности делать настоящие дипломы, которые не отличить от оригиналов. Они заверяются всеми обязательными печатями и штампами.
    realhindu.in/read-blog/5060

  7. Danrvye表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии.
    twanty2.com/read-blog/168_kak-podobrat-nadezhnyj-internet-magazin-chto-realizuet-dokumenty.html
    Будем рады вам помочь!.

  8. Danrxnv表示:

    Здравствуйте!
    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий.
    naya.social/read-blog/81_proverennyj-i-nadezhnyj-internet-magazin-s-shirokim-katalogom-diplomov.html?mode=day
    Рады оказать помощь!.

  9. Mazrulx表示:

    Добрый день!
    Всё, что нужно знать о покупке аттестата о среднем образовании
    shugakukai.co.jp/диплом-в-хасавюрте/

  10. ThomasDet表示:

    http://doxycyclinedelivery.pro/# doxycycline tablets where to buy

  11. Diplomi_tdEa表示:

    купить диплом о высшем образование в кургане diploms-x.com .

  12. Diplomi_tdEa表示:

    срочно купить диплом срочно купить диплом .

  13. AaronBuh表示:

    Компания Септик-Нара-купить септик для частного дома
    занимается продажей, установкой и обслуживанием септиков в Наро-Фоминске Наро-Фоминском районе. Основное направление деятельности нашей компании именно установка под ключ септиков любых видов и размеров. С момента основания нашей компании, мы произвели монтаж более 1000 септиков по Московской и Калужской области. Благодаря этому у нас огромный опыт работы с любыми станциями, представленными в нашем регионе!
    Если Вы решили купить септик для дома или дачи, мы с радостью поможем Вам с выбором модели, доставим и установим септик на вашем участке в кратчайшие сроки.
    Мы занимаемся продажей септиков таких марок: Топас Юнилос Астра Евролос Тверь Аквалос Дочиста Фекалов Волгарь Удача. Мы работаем напрямую с производителями септиков, поэтому Вы можете быть уверены, что не переплачиваете ни копейки. Вся продукция в нашей компании имеет соответствующие сертификаты и лицензии. Время выезда на осмотр, установки или привоза оборудования согласовывается с клиентами и выполняется в срок. Мы заботимся о своей репутации, поэтому выполняем работу надежно и быстро.
    Если Вы не знаете, какой септик больше всего Вам подходит, мы предоставим консультацию и выезд специалиста на Ваш участок абсолютно бесплатно!
    Благодаря приобретению качественных септиков в нашей компании, каждый клиент получает большое количество преимуществ:
    » компактные размеры и небольшой вес устройства;
    » доступная стоимость очистной установки;
    » быстрый и простой монтаж;
    » невысокая стоимость эксплуатации;
    » отсутствие неприятных запахов;
    » высокая производительность;
    » длительный срок эксплуатации;
    » высокая степень очистки;
    » практически полностью автономный режим работы.

  14. Sazrpfb表示:

    Привет!
    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    plut-uchukov.flybb.ru/viewtopic.php?f=1&t=497
    Будем рады вам помочь!

  15. Trefszj表示:

    Здравствуйте!
    Стоимость дипломов высшего и среднего образования и как избежать подделок
    fitboss.ru/index.php?subaction=userinfo&user=idebixa
    Всегда вам поможем!.

  16. Lazrhtq表示:

    Здравствуйте!
    Заказать диплом о высшем образовании.
    w98804oc.beget.tech/2024/07/04/kak-nayti-proverennyy-internet-magazin-s-ogromnym-vyborom-diplomov.html

  17. Lazrsqz表示:

    Добрый день!
    Где купить диплом по нужной специальности?
    Заказать диплом о высшем образовании.
    itbitgroup.ru/legkiy-sposob-poluchit-diplom-lyuboy-professii

  18. Lazrhbg表示:

    Здравствуйте!
    Где заказать диплом по нужной специальности?
    Купить диплом любого ВУЗа.
    serialforfree.ru/garantirovannoe-poluchenie-diploma-prosto-i-byistro

  19. Trefzzp表示:

    Здравствуйте!
    Легальная покупка диплома ПТУ с сокращенной программой обучения
    obmenka.forum2x2.ru/t17060-topic#38554
    Всегда вам поможем!.

  20. Trefips表示:

    Здравствуйте!
    Сколько стоит диплом высшего и среднего образования и как это происходит?
    kvitka.ukrbb.net/viewtopic.php?f=62&t=22635&p=41827#p41827
    Всегда вам поможем!.

  21. JamesBak表示:

    buy cipro online canada: buy cipro online canada – buy generic ciprofloxacin

  22. Dnrtuhl表示:

    Привет, друзья!
    Приобрести документ ВУЗа можно в нашей компании.
    diplomyx.com/kupit-diplom-ekaterinbur
    Успешной учебы!

  23. ThomasDet表示:

    http://amoxildelivery.pro/# amoxacillian without a percription

  24. Eanrhez表示:

    Здравствуйте!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам.
    energypowerworld.co.uk/read-blog/6337_proverennyj-onlajn-magazin-s-obshirnym-vyborom-diplomov.html

  25. Kdygfu表示:

    order lasuna without prescription – lasuna without prescription himcolin tablets

  26. Dnrtyca表示:

    Добрый день!
    Заказать документ университета можно в нашей компании.
    ast-diplomas.com/kupit-diplom-voronezh
    Удачи!

  27. Eanrffo表示:

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по выгодным ценам.
    cryptomoneypy.com/сестринское-дело-купить-диплом-о/

  28. Eanryys表示:

    Здравствуйте!
    Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по выгодным ценам.
    http://www.santa4.su/gallery/image/253-dlya-chego-segodnya-pokupayut-attestaty-i-diplomy-v-seti-internet/

  29. Diplomi_ytEa表示:

    Добрый день!
    Заказать документ университета вы сможете у нас в столице.
    ast-diplom.com/kupit-diplom-s-registraciej 

  30. ThomasDet表示:

    http://paxloviddelivery.pro/# Paxlovid buy online

發佈留言

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