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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,711 Responses

  1. I cherished as much as you’ll receive performed right here. The caricature is tasteful, your authored subject matter stylish. however, you command get bought an edginess over that you want be turning in the following. unwell certainly come further until now once more as exactly the similar nearly a lot ceaselessly inside case you defend this hike.

  2. AlbertoHip表示:

    FDA approved generic Cialis: online Cialis pharmacy – online Cialis pharmacy

  3. JeremyMelty表示:

    safe modafinil purchase: Modafinil for sale – modafinil pharmacy

  4. rehay_phPa表示:

    заказать окна заказать окна .

  5. Sazrucg表示:

    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    Вы заказываете документ через надежную компанию. Приобрести диплом о высшем образовании– http://redefineworksllc.com/employer/diplomy-grup-24/ – redefineworksllc.com/employer/diplomy-grup-24

  6. AlbertoHip表示:

    discreet shipping: fast Viagra delivery – no doctor visit required

  7. Sazrpgx表示:

    Быстро приобрести диплом любого университета!
    Заказать диплом университета по доступной цене вы сможете, обращаясь к надежной специализированной фирме. Заказать диплом о высшем образовании: dip-lom-rus.ru/ofitsialnij-diplom-s-reestrom-nadezhnaya-pokupka

  8. Ronaldpayon表示:

    http://zipgenericmd.com/# FDA approved generic Cialis

  9. LorenzoLiate表示:

    purchase Modafinil without prescription verified Modafinil vendors purchase Modafinil without prescription

  10. JeremyMelty表示:

    modafinil pharmacy: doctor-reviewed advice – purchase Modafinil without prescription

  11. JeremyMelty表示:

    purchase Modafinil without prescription: modafinil legality – modafinil 2025

  12. таможенные брокеры москва таможенные брокеры москва .

  13. melbet_iska表示:

    мелбет вход мобильная версия http://melbet1014.ru .

  14. Sazrkvb表示:

    Купить диплом ВУЗа по доступной стоимости возможно, обращаясь к надежной специализированной фирме. Купить документ о получении высшего образования можно в нашей компании в Москве. linkempleo.co/empresas/originals-diplomsi

  15. LorenzoLiate表示:

    safe online pharmacy order Viagra discreetly trusted Viagra suppliers

  16. Dnrtcbv表示:

    Мы изготавливаем дипломы любой профессии по невысоким тарифам. Мы готовы предложить документы ВУЗов, которые находятся на территории всей РФ. Документы делаются на бумаге самого высшего качества. Это позволяет делать настоящие дипломы, не отличимые от оригиналов. nowoczesna.phorum.pl/posting.phpmode=newtopic&f=2&sid=589727a71ce6401d51f931882d551bb3

  17. погода в сочи на 14 дней и температура воды погода в сочи на 14 дней и температура воды .

  18. TysonDag表示:

    цена смартфона самсунг смартфон 256gb купить

  19. Michaelimmog表示:

    хороший ноутбук цена где купить ноутбук

  20. RandyHib表示:

    ¡Hola, seguidores de los juegos de azar!
    https://www.youtube.com/watch?v=DvFWSMyjao4
    ObtГ©n 10 euros gratis por registrarte hoy mismo – п»їhttps://www.youtube.com/watch?v=DvFWSMyjao4
    ObtГ©n 10 euros gratis por registrarte y disfruta de una experiencia de juego Гєnica. Sin necesidad de realizar un depГіsito, puedes explorar una amplia gama de juegos y ganar premios reales. Es la forma perfecta de iniciarte en el mundo de los casinos en lГ­nea.
    ¡Que tengas excelentes beneficios !

  21. promokod_pcMa表示:

    Продамус промокод Продамус промокод .

  22. AlbertoHip表示:

    FDA approved generic Cialis: FDA approved generic Cialis – FDA approved generic Cialis

  23. расчет стоимости страховки на авто расчет стоимости страховки на авто .

  24. Mazrzky表示:

    Мы предлагаем документы об окончании любых университетов Российской Федерации. Документы производятся на оригинальных бланках государственного образца. lotusprotechnologies.com/companies/aurus-diploms

  25. Mazrjnl表示:

    Где приобрести диплом по актуальной специальности?
    Готовый диплом с приложением отвечает требованиям и стандартам Министерства образования и науки, никто не сумеет отличить его от оригинала. Диплом о среднем образовании – не проблема! freekashmir.mn.co/posts/83107135

  26. RobertRef表示:

    same-day Viagra shipping: best price for Viagra – discreet shipping

  27. TysonDag表示:

    купить смартфон самсунг смартфон redmi купить

  28. RobertRef表示:

    buy modafinil online: modafinil 2025 – verified Modafinil vendors

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

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