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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

20,142 Responses

  1. Waltonnix表示:

    india pharmacy: USA India Pharm – UsaIndiaPharm

  2. CarltonUnith表示:

    https://usaindiapharm.com/# USA India Pharm

  3. Dnrtlld表示:

    Мы готовы предложить дипломы любой профессии по невысоким ценам. Мы готовы предложить документы техникумов, расположенных в любом регионе Российской Федерации. Дипломы и аттестаты делаются на бумаге высшего качества. Это дает возможность делать настоящие дипломы, которые не отличить от оригинала. 29sixservices.in/employer/archive-diploma

  4. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:ремонт бытовой техники в мск
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  5. Sazrmwv表示:

    Покупка подходящего диплома через надежную компанию дарит массу преимуществ для покупателя. Такое решение дает возможность сэкономить время и существенные деньги. Впрочем, на этом выгоды не ограничиваются, достоинств гораздо больше.Мы предлагаем дипломы любой профессии. Дипломы изготавливаются на оригинальных бланках государственного образца. Доступная цена по сравнению с серьезными издержками на обучение и проживание в чужом городе. Покупка диплома института станет разумным шагом.
    Быстро заказать диплом: diplom-zentr.com/kupit-diplom-s-zaneseniem-v-reestr-bistro-i-prosto-9/

  6. Cazrfai表示:

    Приобрести диплом университета!
    Мы можем предложить документы ВУЗов, которые расположены на территории всей России. Дипломы и аттестаты выпускаются на “правильной” бумаге самого высшего качества: groupeudson.com/employer/aurus-diploms

  7. стоимость зубного протезирования стоимость зубного протезирования .

  8. протезирование зубов челюсти цена protezirovanie-zubov2.ru .

  9. Cletusiders表示:

    certified Mexican pharmacy: USMexPharm – medication from mexico pharmacy

  10. Sazrkwx表示:

    Мы изготавливаем дипломы любой профессии по разумным ценам.– freediplom.com/kupit-diplom-o-srednem-obrazovanii-bistro-i-nadezhno/

  11. Cletusiders表示:

    Us Mex Pharm: usa mexico pharmacy – mexican pharmacy

  12. Sazrhgs表示:

    Мы изготавливаем дипломы любой профессии по приятным ценам.
    Вы приобретаете диплом через надежную фирму. Приобрести диплом института– http://zxz.listbb.ru/viewtopic.phpf=7&t=10704/ – zxz.listbb.ru/viewtopic.phpf=7&t=10704

  13. Eanrzgi表示:

    Для быстрого продвижения по карьерной лестнице потребуется наличие диплома университета. Купить диплом о высшем образовании у надежной организации: diploml-174.ru/kupit-diplom-medsestri-bistro-i-nadezhno-5/

  14. Cazrrkv表示:

    Купить диплом любого ВУЗа поможем. Купить атестат в Чебоксарах – diplomybox.com/kupit-atestat-v-cheboksarakh

  15. Jariorilg表示:

    Где заказать диплом специалиста?
    Наша компания предлагает быстро и выгодно купить диплом, который выполнен на оригинальной бумаге и заверен мокрыми печатями, штампами, подписями официальных лиц. Диплом пройдет любые проверки, даже при использовании специального оборудования. Решите свои задачи максимально быстро с нашими дипломами.
    Купить диплом ВУЗа diploml-174.ru/kupit-attestati-za-9-16/

  16. Lazrenq表示:

    [b]Диплом ВУЗа России![/b]
    Без наличия диплома очень сложно было продвигаться вверх по карьере. В связи с этим решение о покупке диплома следует считать мудрым и целесообразным. Заказать диплом любого ВУЗа [url=http://reeltalent.gr/employer/gosznac-diplom-24/]reeltalent.gr/employer/gosznac-diplom-24[/url]

  17. 1win_eskn表示:

    1win скачать kg [url=www.1win6048.ru]www.1win6048.ru[/url] .

  18. Xazrjcf表示:

    Заказать диплом о высшем образовании!
    Мы изготавливаем дипломы любой профессии по невысоким тарифам. Вы приобретаете диплом через надежную фирму. : [url=http://3srecruitment.com.au/employer/frees-diplom/]3srecruitment.com.au/employer/frees-diplom[/url]

  19. MicahTails表示:

    Mexican pharmacy ship to USA: mexican pharmacy – Mexican pharmacy ship to USA

  20. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервисные центры в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. Sazrgfl表示:

    Приобрести диплом под заказ вы можете используя официальный сайт компании. opros.flybb.ru/viewtopic.phpf=2&t=1052

  22. Mazrzid表示:

    Где купить диплом специалиста?
    Полученный диплом с приложением отвечает стандартам, никто не отличит его от оригинала – даже со специально предназначенным оборудованием. Не откладывайте собственные мечты на пять лет, реализуйте их с нами – отправляйте заявку на диплом прямо сейчас! Диплом о среднем образовании – легко! hiringcambodia.com/employer/2702/premialnie-diplom-24

發佈留言

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