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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

13,106 Responses

  1. ForrestVal表示:

    pin up casino: pin up casino – pin up casino giris

  2. Ремонт телефонов表示:

    Профессиональный сервисный центр ремонт мобильных мастер телефон ремонт рядом

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

  4. Georgedak表示:

    Вызов сантехника https://santekhnik-moskva.blogspot.com/p/v-moskve.html на дом в Москве и Московской области в удобное для вас время. Сантехнические работы любой сложности, от ремонта унитаза, устранение засора, до замены труб.

  5. Gabrielwaimb表示:

    пин ап казино https://pinupkz.tech/# пин ап казино онлайн
    пин ап казахстан

  6. В магазине сейфов предлагают взломостойкие сейфы цена вломостойкие сейфы

  7. Ремонт телефонов表示:

    Профессиональный сервисный центр ремонт смартфонов рядом где отремонтировать телефон

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

  9. Robertdef表示:

    пин ап казино зеркало пин ап казино пин ап казино вход

  10. HaroldAvend表示:

    Продамус промокод со скидкой на подключение https://cofe.ru/auth/articles/prodamus_promokod.html

  11. Robertdef表示:

    пин ап казахстан pin up казино пин ап кз

  12. Gabrielwaimb表示:

    пин ап казино вход https://pinupaz.bid/# pin up
    pin up казино

  13. Тут делают продвижение разработка медицинского сайта seo для медицинского центра

  14. Тут делают продвижение медицинский seo продвижение клиники

  15. ForrestVal表示:

    pin-up casino giris: pin up 306 – pin-up kazino

  16. Тут делают продвижение создание сайтов для медицинских организаций разработка мед сайтов

  17. Тут делают продвижение сео медицина медицинское seo

  18. В магазине сейфов предлагают сейф взломостойкий цена взломостойкие сейфы

  19. ForrestVal表示:

    пин ап зеркало: пин ап официальный сайт – pin up зеркало

  20. Santopax表示:

    http://pinupkz.tech/# пин ап кз

  21. MichaelDom表示:

    Уборка запущенных квартир в Щербинке https://ochistka-gryaznyh-kvartir-msk.ru/

  22. DudleyRon表示:

    1win зеркало https://edulike.uz/

  23. Santopax表示:

    http://pinupru.site/# пинап казино

  24. Gabrielwaimb表示:

    пин ап казино вход http://pinupturkey.pro/# pin up aviator
    пинап казино

  25. Robertdef表示:

    пин ап казино онлайн pin up казино пин ап кз

  26. Robertdef表示:

    pin up azerbaijan pinup az pin up 306

  27. Gabrielwaimb表示:

    пин ап казино вход http://pinupturkey.pro/# pin up casino guncel giris
    пин ап казино вход

發佈留言

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