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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,825 Responses

  1. Xazrtio表示:

    Здравствуйте!
    Приобрести документ ВУЗа.
    Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по выгодным ценам.
    camp-fire.jp/profile/BernardCruz
    Всегда вам поможем!.

  2. Manrykj表示:

    Здравствуйте!
    Купить документ о получении высшего образования.
    Мы изготавливаем дипломы любой профессии по доступным тарифам.
    pbase.com/brianreynolds/diplomsagroups

  3. Lazrzet表示:

    Привет, друзья!
    Купить диплом ВУЗа.
    telegra.ph/nuzhen-li-inn-dlya-postupleniya-v-vuz-08-02

  4. Lazrkur表示:

    Привет, друзья!
    Купить диплом университета.
    telegra.ph/nuzhen-li-attestat-dlya-postupleniya-v-vuz-08-02

  5. Cazrdfj表示:

    Добрый день!
    Мы предлагаем документы техникумов
    dv1930.ru/konkurs/vnimanie-novyj-konkurs-ot-dvinovazhya-cvetochnye-radosti-vinogradovskogo-rajona/#comment-519906

  6. Cazrmno表示:

    Добрый день!
    Мы предлагаем документы техникумов
    altajska.cz/forum/user/2541-owifynyj

  7. Mazrszv表示:

    Привет!
    Полезная информация как официально купить диплом о высшем образовании
    my-bar.ru/cocktails/manoa

  8. Mazrhms表示:

    Привет!
    Официальная покупка диплома вуза с упрощенной программой обучения
    classicalmusicmp3freedownload.com/ja/index.php?title=diplomandokscom

  9. Leonardpar表示:

    http://indiapharmacy.shop/# п»їlegitimate online pharmacies india

  10. DouglasGed表示:

    buy ed medication: Best ED pills non prescription – erectile dysfunction medicine online

  11. Lariorysd表示:

    Привет!
    Приобрести диплом любогоВУЗа.
    telegra.ph/gde-mozhno-kupit-diplom-v-orenburge-08-13

  12. Uazrxxn表示:

    Привет!
    Заказать диплом любого университета.
    telegra.ph/kupit-krasnyj-diplom-08-13-10

  13. Cazrllv表示:

    Привет!
    Мы можем предложить документы ВУЗов
    telegra.ph/kupit-diplom-o-vysshem-obrazovanii-ukraina-08-13-4

  14. Lariorngh表示:

    Привет,друзья!
    Купить диплом университета.
    telegra.ph/kupit-diplom-odesskogo-politeha-08-13-3

  15. Lariornsc表示:

    Привет!
    Заказать диплом ВУЗа.
    telegra.ph/kupit-diplom-ohrannika-novogo-obrazca-08-13-6

  16. Uazrowa表示:

    Привет,друзья!
    Заказать диплом любого ВУЗа.
    telegra.ph/kupit-diplom-omgtu-08-13-3

  17. Uazrffn表示:

    Привет,друзья!
    Приобрести диплом о высшем образовании.
    telegra.ph/diplom-kupit-tyumen-08-13-5

  18. Jariorxxz表示:

    Добрый день!
    Купить диплом о высшем образовании
    telegra.ph/kupit-diplom-vuza-v-nizhnem-novgorode-08-13-2

  19. Cazrmbc表示:

    Привет!
    Мы готовы предложить документы ВУЗов
    telegra.ph/diplen-plenka-kupit-08-13-10

  20. Leonardpar表示:

    http://edpillpharmacy.store/# get ed meds online

  21. Trefdei表示:

    Добрый день!
    Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
    d.mwoff.org/index.php?/topic/10446-смотри-r413x
    Поможем вам всегда!.

  22. Diplomi_bkEa表示:

    Привет!
    Приобрести документ о получении высшего образования вы сможете у нас в столице.
    history-of-weapons.blogspot.com/2014/01/weapons-of-ancient-egypt

  23. TommyBic表示:

    Federation of Scout Associations of Spain https://scout.es/scout-academy-2017/ is a non-profit entity whose registered office is located in Lake

  24. Lazrkfs表示:

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    telegra.ph/distancionnoe-obuchenie-v-amerikanskih-vuzah-08-02

  25. Trefqei表示:

    Привет!
    Реально ли приобрести диплом стоматолога? Основные шаги
    ezhikblum.blogspot.com/2013/08/blog-post_12
    Будем рады вам помочь!.

  26. DouglasGed表示:

    indian pharmacy: Top mail order pharmacies – buy prescription drugs from india

  27. DouglasGed表示:

    top 10 online pharmacy in india: Online India pharmacy – best online pharmacy india

  28. Leonardpar表示:

    http://edpillpharmacy.store/# ed pills for sale

  29. DouglasGed表示:

    ed medications cost: Best ED meds online – online ed drugs

  30. Leonardpar表示:

    https://mexicopharmacy.win/# п»їbest mexican online pharmacies

發佈留言

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