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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,928 Responses

  1. Diplomi_qrEa表示:

    Добрый день!
    Заказать документ о получении высшего образования можно в нашей компании.
    diploms-x24.ru/kupit-diplom-ekaterinbur

  2. Dnrtgot表示:

    Здравствуйте!
    Приобрести документ ВУЗа вы можете в нашей компании в Москве.
    ast-diploms.com/kupit-diplom-voronezh
    Удачи!

  3. DavidHiche表示:

    mexico drug stores pharmacies: buying prescription drugs in mexico – reputable mexican pharmacies online

  4. Diplomi_hukl表示:

    купить диплом о высшем цена купить диплом о высшем цена .

  5. Diplomi_dtEa表示:

    Привет, друзья!
    Заказать документ института можно у нас в Москве.
    ast-diploms24.ru/kupit-diplom-krasnoyarsk

  6. Diplomi_wePa表示:

    купить диплом судового повара diplomasx.com .

  7. Diplomi_hakl表示:

    купить диплом айти http://www.diploms-x.com .

  8. Trefqwk表示:

    Здравствуйте!
    Как официально купить диплом вуза с упрощенным обучением в Москве
    led119.ru/forum/user/107400/
    Всегда вам поможем!.

  9. Diplomi_urkl表示:

    стоит ли покупать диплом стоит ли покупать диплом .

  10. DavidHiche表示:

    thecanadianpharmacy: canadian pharmacy – canadian family pharmacy

  11. Diplomi_hrei表示:

    купить диплом делопроизводства ast-diploms.com .

  12. Trefmuf表示:

    Привет, друзья!
    Купить диплом о среднем полном образовании, в чем подвох и как избежать обмана?
    prof-komplekt.com/club/user/10842/blog/10797/
    Окажем помощь!.

  13. Trefdqs表示:

    Привет, друзья!
    Купить диплом магистра оказалось возможно, быстрое обучение и диплом на руки
    mockwacom.getbb.ru/viewtopic.php?f=11&t=1728&p=2364#p2364
    Рады оказаться полезными!.

  14. Diplomi_jfPa表示:

    купить диплом высшее государственный диплом купить купить диплом высшее государственный диплом купить .

  15. Diplomi_laPa表示:

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

  16. Diplomi_moei表示:

    купить диплом дополнительном образовании ast-diploms.com .

  17. Lazrcan表示:

    Привет!
    Где приобрести диплом по необходимой специальности?
    Купить диплом о высшем образовании.
    l67697qa.beget.tech/2024/07/04/ogromnyy-assortiment-dokumentov-v-populyarnom-internet-magazine.html

  18. Diplomi_qbei表示:

    медицинский институт в москве купить диплом ast-diploms.com .

  19. MichaelKeT表示:

    pet meds without vet prescription canada: best canadian pharmacy online – legal canadian pharmacy online

  20. CharlesDom表示:

    п»їbest mexican online pharmacies medicine in mexico pharmacies mexican border pharmacies shipping to usa

  21. DavidHiche表示:

    reliable canadian pharmacy reviews: safe online pharmacies in canada – the canadian pharmacy

  22. Lazrods表示:

    Здравствуйте!
    Где купить диплом специалиста?
    Купить диплом любого университета.
    midoma.ru/node/shirokiy-vybor-dokumentov-v-izvestnom-interne

  23. DavidHiche表示:

    best india pharmacy: reputable indian online pharmacy – pharmacy website india

  24. JamesUnemo表示:

    i-guru – Ремонт Iphone и другой техники Apple в Минске
    ремонт динамика iphone в Минске
    Профессиональный ремонт любых устройств из линейки Apple, без посредников
    80% ремонтов iPhone занимает около 20 минут
    Несложные ремонты делаются быстро, модульный ремонт в большинстве случаев занимает не более 20 минут.
    Почему выбирают i-guru
    Ремонт в тот же день
    Даже большинство сложных ремонтов выполняем день в день.
    Гарантировано низкие цены
    Мы беремся за сложные задачи, не передавая их сторонним исполнителям, и зарабатываем не как посредники.
    Честная гарантия
    Предлагаем честную гарантию на выполненные работы до 12 месцев в зависимости от вида работ.

  25. Lariorlhj表示:

    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    diplomasx.com/kupit-diplom-omsk

  26. CharlesDom表示:

    best online pharmacy india buy prescription drugs from india india online pharmacy

  27. MichaelKeT表示:

    india pharmacy mail order: top 10 online pharmacy in india – cheapest online pharmacy india

  28. Edwardwhava表示:

    http://indiapharmast.com/# indianpharmacy com

  29. Lariorqcx表示:

    Всё, что нужно знать о покупке аттестата о среднем образовании
    ast-diplomas.com/otzyvy

  30. Cazrkti表示:

    Здравствуйте!
    Мы можем предложить документы ВУЗов, которые находятся в любом регионе Российской Федерации. Можно купить качественный диплом за любой год, включая сюда документы старого образца. Дипломы и аттестаты делаются на бумаге высшего качества. Это дает возможности делать государственные дипломы, которые невозможно отличить от оригиналов. Они будут заверены необходимыми печатями и подписями.
    larashare.net/events/event/48-%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%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D0%B8%D0%B7%D0%B2%D0%B5%D1%81%D1%82%D0%BD%D0%BE%D0%BC-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-%D0%BF%D0%BE-%D0%B2%D1%8B%D0%B3%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9-%D1%86%D0%B5%D0%BD%D0%B5/

發佈留言

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