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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

22,936 Responses

  1. Sazrokl表示:

    Купить диплом института по доступной стоимости можно, обратившись к проверенной специализированной фирме. Мы оказываем услуги по продаже документов об окончании любых ВУЗов Российской Федерации. Заказать диплом любого ВУЗа– fastdiploms.com/kupit-diplom-cherez-reestr-6/

  2. Waltonnix表示:

    online pharmacy india: USA India Pharm – buy medicines online in india

  3. FrankGlora表示:

    mail order pharmacy india: UsaIndiaPharm – USA India Pharm

  4. Mazribf表示:

    Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по приятным тарифам. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас важно, чтобы дипломы были доступны для большинства граждан.
    Приобретение документа, подтверждающего обучение в ВУЗе, – это выгодное решение. Приобрести диплом университета: diplom-bez-problem.com/diplom-kupit-sredne-texnicheskoe-obrazovanie-4/

  5. CarltonUnith表示:

    https://usaindiapharm.shop/# UsaIndiaPharm

  6. sklad_rjKi表示:

    хранить вещи недорого хранить вещи недорого .

  7. Diplomi_heot表示:

    купить диплом зубного техника diplomysis-vsem.ru .

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

  9. 1win_zmEn表示:

    pariuri sportive moldova http://www.1win5016.ru .

  10. Cazrhhc表示:

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

  11. 1win_xaEn表示:

    1win moldova download http://1win5016.ru .

  12. 1win_qpEn表示:

    portofele electronice casino https://www.1win5016.ru .

  13. Mazryzb表示:

    Заказать диплом любого университета!
    Мы оказываем услуги по продаже документов об окончании любых ВУЗов РФ. Документы изготавливаются на подлинных бланках государственного образца. thehispanicamerican.com/companies/radiplomy

  14. 1win_gkkn表示:

    1vin pro [url=www.1win6048.ru]www.1win6048.ru[/url] .

  15. Sazrivm表示:

    Приобретение документа о высшем образовании через проверенную и надежную компанию дарит немало плюсов. Данное решение помогает сэкономить время и существенные средства. Однако, плюсов значительно больше.Мы изготавливаем дипломы любых профессий. Дипломы производят на фирменных бланках государственного образца. Доступная цена в сравнении с крупными издержками на обучение и проживание. Покупка диплома об образовании из российского института будет выгодным шагом.
    Заказать диплом о высшем образовании: diploml-174.ru/kupit-diplom-ob-obrazovanii-s-zaneseniem-v-reestr-6/

  16. FrankGlora表示:

    UsaIndiaPharm: world pharmacy india – best online pharmacy india

  17. Georgeunula表示:

    USA India Pharm: best online pharmacy india – Online medicine order

  18. Waltonnix表示:

    USA India Pharm: indian pharmacies safe – india pharmacy

  19. Cazrptj表示:

    Заказать диплом любого университета!
    Мы можем предложить документы учебных заведений, которые расположены в любом регионе РФ. Дипломы и аттестаты делаются на “правильной” бумаге самого высшего качества: msv.5nx.ru/viewtopic.phpf=6&t=455

  20. FrankGlora表示:

    UsaIndiaPharm: best online pharmacy india – online pharmacy india

  21. Lazruqp表示:

    Диплом ВУЗа России!
    Без ВУЗа трудно было продвинуться по карьерной лестнице. Именно из-за этого решение о покупке диплома можно считать целесообразным. Заказать диплом любого института oppozi.rx22.ru/posting.php?mode=post&f=37&sid=727f41761df0436818dc001aa16a0095

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

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