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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

20,588 Responses

  1. Eanrsep表示:

    Для максимально быстрого продвижения по карьере нужно наличие официального диплома о высшем образовании. Заказать диплом об образовании у проверенной организации: diplom4you.com/kupit-diplom-ob-okonchanii-uchilisha/

  2. CarltonUnith表示:

    https://usaindiapharm.com/# UsaIndiaPharm

  3. Mazrcfy表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по невысоким тарифам. Всегда стараемся поддерживать для покупателей адекватную ценовую политику. Важно, чтобы дипломы были доступны для большого количества наших граждан.
    Заказ документа, подтверждающего обучение в университете, – это выгодное решение. Приобрести диплом любого университета: diplom-city24.ru/kupit-diplom-visshego-obrazovaniya-2/

  4. Mazrprb表示:

    Где купить диплом по нужной специальности?
    Готовый диплом с приложением полностью отвечает требованиям и стандартам Министерства образования и науки, неотличим от оригинала. Не откладывайте свои мечты и цели на потом, реализуйте их с нашей компанией – отправляйте заявку на изготовление диплома сегодня! Получить диплом о высшем образовании – запросто! alumeet.com/read-blog/107_v-nashe-vremya-kupit-sebe-dokumenty-o-nalichii-obrazovaniya-prosto-i-legko-nezav.html

  5. Lazrkni表示:

    Заказать диплом об образовании!
    Мы предлагаем дипломы любой профессии по доступным ценам— rusd-diplomj.ru/kupit-diplom-xirurga-bez-lishnix-trudnostej/

  6. 1win_sykn表示:

    1win кыргызстан http://1win6048.ru/ .

  7. Xazrcnz表示:

    Приобрести диплом ВУЗа!
    Мы изготавливаем дипломы любых профессий по приятным ценам. Вы покупаете документ через надежную фирму. : bananowecuksy.phorum.pl/posting.php?mode=newtopic&f=1

  8. Sazrstu表示:

    Приобрести документ университета можно у нас в Москве. Мы предлагаем документы об окончании любых университетов Российской Федерации. Вы получите диплом по любой специальности, любого года выпуска, включая документы Советского Союза. Даем гарантию, что в случае проверки документов работодателем, каких-либо подозрений не возникнет. diplomg-kurerom.ru/kupit-diplom-zanesennij-reestr-3/

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

  10. CarltonUnith表示:

    https://usaindiapharm.shop/# UsaIndiaPharm

  11. DavidSooni表示:

    UsaIndiaPharm UsaIndiaPharm USA India Pharm

  12. Sazrunl表示:

    Купить диплом об образовании!
    Приобрести диплом института по доступной стоимости возможно, обращаясь к проверенной специализированной фирме. Заказать диплом: kupitediplom0027.ru/kupit-diplom-s-provodkoj-v-reestre-ofitsialno

  13. Thanks for your article on the travel industry. We would also like to add that if you are one senior taking into consideration traveling, it’s absolutely vital that you buy travel insurance for elderly people. When traveling, senior citizens are at high risk of experiencing a professional medical emergency. Having the right insurance policies package for the age group can safeguard your health and provide you with peace of mind.

  14. Zawqob表示:

    inderal medication – order methotrexate 10mg without prescription order methotrexate 10mg without prescription

  15. Dnrtmdo表示:

    Мы изготавливаем дипломы любых профессий по приятным тарифам. Мы можем предложить документы ВУЗов, расположенных на территории всей РФ. Документы выпускаются на “правильной” бумаге самого высокого качества. Это позволяет делать настоящие дипломы, которые не отличить от оригиналов. rossensor.ru/forum/PAGE_NAME=profile_view&UID=44245

  16. Diplomi_xzEa表示:

    Купить диплом университета!
    Мы предлагаем документы учебных заведений, которые находятся на территории всей Российской Федерации.
    damdiplomisa.com/bistraya-nadezhnaya-pokupka-diploma-cherez-reestr/

  17. Sazrwue表示:

    Купить диплом о высшем образовании !
    Приобретение диплома ВУЗа РФ в нашей компании – надежный процесс, ведь документ заносится в государственный реестр. Приобрести диплом любого института diplomg-cheboksary.ru/kupit-nastoyashij-diplom-3

  18. FrankGlora表示:

    Online medicine order: UsaIndiaPharm – USA India Pharm

  19. Cazrjux表示:

    Добрый день!
    Мы изготавливаем дипломы любой профессии по доступным тарифам. Стоимость будет зависеть от выбранной специальности, года получения и ВУЗа: diplomanrus.com/

  20. Cazrtca表示:

    Где приобрести диплом специалиста?
    Мы изготавливаем дипломы любой профессии по приятным ценам. Для нас очень важно, чтобы дипломы были доступными для большого количества граждан. Заказать диплом об образовании fastdiploms.com/kupit-diplom-s-reestrom-otzivi-9/

  21. FrankGlora表示:

    reputable indian pharmacies: pharmacy website india – USA India Pharm

  22. Georgeunula表示:

    UsaIndiaPharm: USA India Pharm – online shopping pharmacy india

  23. Cazrzew表示:

    Мы можем предложить дипломы любых профессий по приятным тарифам. Купить диплом доктора наук — kyc-diplom.com/diplom-doktora-nauk.html

  24. Mazrfvp表示:

    Мы предлагаем дипломы любых профессий по доступным тарифам. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Важно, чтобы дипломы были доступными для подавляющей массы наших граждан.
    Заказ диплома, который подтверждает окончание института, – это выгодное решение. Купить диплом любого ВУЗа: kupite-diplom0024.ru/gde-kupit-diplom-texnikuma-2/

  25. Sazryqb表示:

    Купить диплом ВУЗа по невысокой стоимости возможно, обращаясь к проверенной специализированной компании. Мы предлагаем документы об окончании любых университетов Российской Федерации. Приобрести диплом университета– diplomh-40.ru/skolko-stoit-diplom-s-zaneseniem-v-reestr-7/

  26. CarltonUnith表示:

    https://usaindiapharm.shop/# pharmacy website india

發佈回覆給「Mazrprb」的留言 取消回覆

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