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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,088 Responses

  1. Charlesrab表示:

    pharmacie en ligne Cialis generique prix pharmacie en ligne france pas cher

  2. tyrniket_xlsa表示:

    турникет для проходной https://sigmavision.ru/ .

  3. HeathZex表示:

    pharmacie en ligne avec ordonnance: pharmacie en ligne – pharmacie en ligne france pas cher

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

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

  6. Charlesrab表示:

    Viagra pas cher inde Viagra prix SildГ©nafil 100mg pharmacie en ligne

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

  8. Petertes表示:

    Магазин Экипировка Эксперт
    АПТЕЧКА АППИ
    Боец, Экипировка Эксперт — это розничный магазин, сотрудничающий с рядом оптовых складов и производителей. Это значит, что при должном количестве товара мы дадим очень хорошие цены.

    Название взяли независимо от того, что наша страна сейчас проводит Специальную Военную Операцию, хорошая снаряга и экипировка нужна всегда. Готовишься в бой, мобилизован, привык активно проводить время или решил подготовить тревожный чемоданчик, мы поможем тебе. Наши клиенты: фонды, медики, такие же как ты бойцы СВО и обычные неравнодушные граждане.

    Самое главное, что нужно о нас знать, мы детально объясняем, что и как работает, чтобы ты сделал правильный выбор не переплачивая.

    Обращаясь к нам, не удивляйся, если ты получишь честный и жесткий ответ – часто случается так, что мы знаем лучше, что именно нужно нашему гостю. Особенно это касается мобилизованных без опыта боевых действий. Здесь ты можешь полагаться на нашу экспертность.

    Одна из наших основных целей предоставить тебе возможность удобной и безопасной покупки: хоть за наличку, хоть по карте, хоть по счету. Повторимся, если нужна оптовая поставка, согласуем и отгрузим. Именно от того, как ты производишь оплату, зависит цена заказа.

    Для нас важно предоставить тебе качественную экипировку и снаряжение соблюдая при этом законы нашей страны. Боец, помни, мы помогаем фондам, нуждающимся людям, подразделениям в зоне СВО. Отчеты об этом опубликованы как на сайте. На эту деятельность уходит значительная часть выручки. Делая покупки в нашем магазине, ты помогаешь людям и фронту. Уверен, что это найдет отзыв в твоем сердце.

    У нашей команды есть набор ценностей: честность, справедливость, сопереживание, взаимопомощь, мужество, патриотичность. Уверены, ты их разделяешь, и мы легко найдем общий язык. Ну а если что-то пойдет не так, не руби с плеча, объясни, где мы ошиблись и поверь, мы разберемся и исправим. Наш девиз “In hostem omnia licita” – по отношению к врагу дозволено все. Возьми этот девиз, он поможет тебе принять правильное решение в трудной ситуации, с честью выполнить боевую задачу и вернуться домой живым и здоровым!

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

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

  11. RenaldoJer表示:

    Магазин Экипировка Эксперт
    Капюшон К12
    Боец, Экипировка Эксперт — это розничный магазин, сотрудничающий с рядом оптовых складов и производителей. Это значит, что при должном количестве товара мы дадим очень хорошие цены.

    Название взяли независимо от того, что наша страна сейчас проводит Специальную Военную Операцию, хорошая снаряга и экипировка нужна всегда. Готовишься в бой, мобилизован, привык активно проводить время или решил подготовить тревожный чемоданчик, мы поможем тебе. Наши клиенты: фонды, медики, такие же как ты бойцы СВО и обычные неравнодушные граждане.

    Самое главное, что нужно о нас знать, мы детально объясняем, что и как работает, чтобы ты сделал правильный выбор не переплачивая.

    Обращаясь к нам, не удивляйся, если ты получишь честный и жесткий ответ – часто случается так, что мы знаем лучше, что именно нужно нашему гостю. Особенно это касается мобилизованных без опыта боевых действий. Здесь ты можешь полагаться на нашу экспертность.

    Одна из наших основных целей предоставить тебе возможность удобной и безопасной покупки: хоть за наличку, хоть по карте, хоть по счету. Повторимся, если нужна оптовая поставка, согласуем и отгрузим. Именно от того, как ты производишь оплату, зависит цена заказа.

    Для нас важно предоставить тебе качественную экипировку и снаряжение соблюдая при этом законы нашей страны. Боец, помни, мы помогаем фондам, нуждающимся людям, подразделениям в зоне СВО. Отчеты об этом опубликованы как на сайте. На эту деятельность уходит значительная часть выручки. Делая покупки в нашем магазине, ты помогаешь людям и фронту. Уверен, что это найдет отзыв в твоем сердце.

    У нашей команды есть набор ценностей: честность, справедливость, сопереживание, взаимопомощь, мужество, патриотичность. Уверены, ты их разделяешь, и мы легко найдем общий язык. Ну а если что-то пойдет не так, не руби с плеча, объясни, где мы ошиблись и поверь, мы разберемся и исправим. Наш девиз “In hostem omnia licita” – по отношению к врагу дозволено все. Возьми этот девиз, он поможет тебе принять правильное решение в трудной ситуации, с честью выполнить боевую задачу и вернуться домой живым и здоровым!

  12. HeathZex表示:

    Pharmacie sans ordonnance: pharmacie en ligne france livraison internationale – pharmacie en ligne sans ordonnance

  13. Stephengen表示:

    http://clssansordonnance.icu/# Pharmacie Internationale en ligne

  14. Kennethlam表示:

    потолки армстронг http://armstrong-tiles24.ru/

  15. Сервисный центр предлагает ремонт планшетов eplutus в москве ремонт планшетов eplutus адреса

  16. Charlesrab表示:

    pharmacies en ligne certifiГ©es pharmacie en ligne pas cher pharmacie en ligne

  17. DouglasHoapy表示:

    Promo Codes for 1xBet https://idematapp.com/wp-content/pages/1xbet_promo_codes_free_bonus_offers.html
    1xBet regularly releases promo codes that provide users with bonuses like free bets, deposit matches, or free spins. These codes are a great way to boost your bankroll and increase your chances of winning.

  18. HeathZex表示:

    pharmacies en ligne certifiГ©es: pharmacie en ligne – trouver un mГ©dicament en pharmacie

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

  20. Charlesrab表示:

    vente de mГ©dicament en ligne Medicaments en ligne livres en 24h pharmacie en ligne france livraison internationale

  21. HeathZex表示:

    п»їpharmacie en ligne france: Acheter Cialis 20 mg pas cher – pharmacie en ligne pas cher

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

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

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

發佈留言

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