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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,169 Responses

  1. Мой телефон перестал заряжаться, и я не знал, что делать. По совету друга обратился в этот сервисный центр. Мастера быстро нашли проблему и устранили её. Теперь мой телефон снова в строю! Рекомендую всем: ремонт телефонов и компьютеров.

  2. сервис профи самара

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

  4. ремонт кондиционеров表示:

    <a href=”https://remont-kondicionerov-wik.ru”>ремонт кондиционеров</a>

  5. Недавно нашёл отличный интернет-магазин, где можно приобрести раковины и ванны для ванной комнаты. Они предлагают огромный выбор сантехники и аксессуаров, подходящих под любой интерьер и бюджет. Ассортимент действительно впечатляет: различные модели раковин (накладные, встроенные, подвесные) и ванн (акриловые, чугунные, гидромассажные).
    Особенно если вы ищете: раковины купить, что мне было очень нужно. Цены адекватные, качество товаров на высоте. Плюс, они предлагают профессиональные консультации, быструю доставку и услуги по установке. В общем, если кто-то ищет качественную сантехнику по хорошим ценам, рекомендую обратить внимание на этот магазин.

  6. JosephGar表示:

    эскорт услуги мальчиков москва работа эскорт услуги москва

  7. LouisCoasy表示:

    эскорт услуга в москва вип эскорт услуги москва

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

  9. GeorgeAmarp表示:

    http://gatesofolympusoyna.online/# gates of olympus demo oyna

  10. Jamesfeame表示:

    casibom guncel casibom guncel giris casibom guncel giris

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

  12. GeorgeAmarp表示:

    https://gatesofolympusoyna.online/# gates of olympus demo

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

  14. сумасшедшие идеи малого бизнеса https://biznes-idei13.ru/ .

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

  16. Jamesfeame表示:

    gates of olympus demo gates of olympus turkce gates of olympus giris

  17. Jamesfeame表示:

    betine com guncel giris betine giris betine giris

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

  19. Casibomvow表示:

    casibom giris: casibom guncel – casibom guncel giris
    casibom giris adresi

  20. Casibomvow表示:

    casibom: casibom – casibom guncel giris
    casibom giris

  21. Denniskew表示:

    SpaceX Polaris Dawn crew returns home after history-making mission
    жесткое порно видео

    SpaceX’s Polaris Dawn crew is home, capping off a five-day mission to orbit — which included the world’s first commercial spacewalk — by splashing down in the Gulf of Mexico.

    The Crew Dragon capsule carrying four astronauts landed off the coast of Dry Tortugas, Florida, at 3:37 a.m. ET Sunday.
    The Polaris Dawn mission made history as it reached a higher altitude than any human has traveled in five decades. A spacewalk conducted early Thursday morning also marked the first time such an endeavor has been completed by a privately funded and operated mission.

    But returning to Earth is among the most dangerous stretches of any space mission.

    To safely reach home, the Crew Dragon capsule carried out what’s called a “de-orbit burn,” orienting itself as it prepared to slice through the thickest part of Earth’s atmosphere.
    The spacecraft then reached extremely hot temperatures — up to 3,500 degrees Fahrenheit (1,900 degrees Celsius) — because of the pressure and friction caused by hitting the air while still traveling around 17,000 miles per hour (27,000 kilometers per hour). The crew, however, should have remained at comfortable temperatures, protected by the Crew Dragon’s heat shield, which is located on the bottom of the 13-foot-wide (4-meter-wide) capsule.

    Dragging against the air began to slow the vehicle down before the Crew Dragon deployed parachutes that further decelerated its descent.

  22. Casibomvow表示:

    casibom guncel giris: casibom guncel giris adresi – casibom guncel giris
    casibom giris

  23. Casibomvow表示:

    casibom giris adresi: casibom giris – casibom
    casibom giris

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

  25. Jamesdum表示:

    заказать машину для переезда https://kvartirnyj-pereezd13.ru/

  26. Casibomvow表示:

    casibom guncel: casibom giris – casibom giris adresi
    casibom guncel

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

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

發佈留言

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