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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

24,801 Responses

  1. 1win_cter表示:

    1win apk latest version http://1win1029.top .

  2. Diplomi_cfEa表示:

    Заказать диплом любого ВУЗа!
    Мы можем предложить документы любых учебных заведений, расположенных на территории всей России.
    diplomt-v-chelyabinske.ru/srochnaya-pokupka-diploma-o-visshem-obrazovanii-vuza-2/

  3. 1win_tmer表示:

    1win aviator predictor http://1win1029.top .

  4. OscarOmist表示:

    cost cheap clomid without dr prescription: how to buy clomid without dr prescription – buy cheap clomid without prescription

  5. Diplomi_xfMn表示:

    сколько стоит купить диплом о высшем образовании https://www.diplomandoci.online .

  6. MatthewMof表示:

    Amo Health Care amoxicillin no prescription amoxicillin 500 mg online

  7. Dnrtinj表示:

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

  8. Sazrksv表示:

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

  9. Rogerbup表示:

    https://prednihealth.shop/# ordering prednisone

  10. 1win_klPa表示:

    how to use casino bonus on 1win how to use casino bonus on 1win .

  11. Rogerbup表示:

    http://clomhealth.com/# cheap clomid without dr prescription

  12. OscarOmist表示:

    where buy clomid pills: can you get clomid no prescription – how to buy clomid without prescription

  13. RussellCof表示:

    PredniHealth: cost of prednisone – PredniHealth

  14. RussellCof表示:

    prednisone 54: prednisone 10mg cost – PredniHealth

  15. OscarOmist表示:

    prednisone without prescription: prednisone 5mg capsules – PredniHealth

  16. Cazrkdo表示:

    Приобрести диплом ВУЗа по выгодной цене вы сможете, обратившись к надежной специализированной фирме. Мы предлагаем документы университетов, которые расположены на территории всей России. jobs.prynext.com/employer/eonline-diploma

  17. MatthewMof表示:

    prednisone 20mg cheap PredniHealth prednisone 20 mg generic

  18. Jariorhtc表示:

    Наши специалисты предлагают выгодно приобрести диплом, который выполнен на оригинальном бланке и заверен печатями, водяными знаками, подписями официальных лиц. Документ пройдет лубую проверку, даже с использованием профессиональных приборов. pinnaclefiber.com.pk/employer/premiumydiploma

  19. Judsonrax表示:

    prednisone tablets 2.5 mg: canada pharmacy prednisone – prednisone pill 20 mg

  20. Rogerbup表示:

    https://amohealthcare.store/# amoxicillin cephalexin

  21. OscarOmist表示:

    PredniHealth: how can i get prednisone – 2.5 mg prednisone daily

  22. OscarOmist表示:

    prednisone 10mg tablet cost: prednisone tablets india – cheap generic prednisone

  23. Mazrhth表示:

    Мы предлагаем дипломы психологов, юристов, экономистов и прочих профессий по доступным тарифам. Заказ документа, подтверждающего обучение в университете, – это разумное решение. Заказать диплом любого университета: cittamondoagency.it/employer/diplomirovans

  24. RussellCof表示:

    amoxicillin online without prescription: amoxicillin azithromycin – Amo Health Care

  25. 1win_kmPa表示:

    how to insert booking code on 1win http://www.1win1024.top .

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

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