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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,699 Responses

  1. Diplomi_cuEa表示:

    Привет!
    Купить документ ВУЗа можно у нас.
    rushkadiplomikx.ru

  2. Leonardpar表示:

    https://mexicopharmacy.win/# medication from mexico pharmacy

  3. Diplomi_aiEa表示:

    Привет, друзья!
    Купить документ о получении высшего образования можно в нашей компании в Москве.
    rushkadiplomik.ru

  4. Marcusjam表示:

    гадание бесплатное онлайн https://gadanie-online-free.ru

  5. Sazrxee表示:

    Привет!
    Диплом специалиста
    ремонт-оптом.рф/club/user/17/blog

  6. DouglasGed表示:

    erectile dysfunction online: ed pills online – discount ed meds

  7. Lazrluy表示:

    Добрый день!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по приятным тарифам.
    diploms-rushka.ru/kupit-diplom-ekaterinburg

  8. Charleshon表示:

    https://indiapharmacy.shop/# indian pharmacy paypal
    erectile dysfunction online prescription

  9. Sazrntx表示:

    Привет!
    Диплом бакалавра
    vnuci.listbb.ru/viewtopic.php?f=2&t=552

  10. Sazrdbv表示:

    Привет!
    Диплом по специальности на выбор
    slliver.getbb.ru/viewtopic.php?f=62&t=957

  11. Leonardpar表示:

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

  12. Charleshon表示:

    https://indiapharmacy.shop/# online shopping pharmacy india
    cheap ed medicine

  13. Trefxux表示:

    Привет, друзья!
    Стоимость дипломов высшего и среднего образования и процесс их получения
    diplomyx-man.ru/kupit-diplom-voronezh
    Всегда вам поможем!.

  14. Mazrqqn表示:

    Добрый день!
    Официальная покупка диплома ПТУ с упрощенной программой обучения
    arusak-diploms-srednee.ru/kupit-diplom-v-cheliabinske

  15. Leonardpar表示:

    https://indiapharmacy.shop/# top 10 pharmacies in india

  16. DouglasGed表示:

    buying prescription drugs in mexico: Best online Mexican pharmacy – purple pharmacy mexico price list

  17. Trefofi表示:

    Здравствуйте!
    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    mans-diploms.ru/svidetelstvo-o-rozhdenii-sssr1
    Рады оказать помощь!.

  18. Mazrfyp表示:

    Добрый день!
    Стоимость дипломов высшего и среднего образования и процесс их получения
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnoiarske

  19. Mazrdvd表示:

    Привет, друзья!
    Быстрая схема покупки диплома старого образца: что важно знать?
    landik-diploms-srednee.ru/diplom-bakalavra

  20. Charleshon表示:

    https://edpillpharmacy.store/# online prescription for ed
    ed meds by mail

  21. Leonardpar表示:

    http://edpillpharmacy.store/# cheap ed drugs

  22. DouglasGed表示:

    online pharmacy india: Online pharmacy – Online medicine order

  23. Lazrqix表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по доступным ценам.
    rushkas-diplomy.ru/kupit-diplom-yurista-shag-v-budushchee

  24. Lazrocf表示:

    Добрый день!
    Мы можем предложить дипломы любой профессии по разумным ценам.
    rushkadiplomik.ru/kupit-diplom-yurista-shag-v-budushchee

  25. Leonardpar表示:

    http://edpillpharmacy.store/# boner pills online

  26. Mazrjhh表示:

    Здравствуйте!
    Официальное получение диплома техникума с упрощенным обучением в Москве
    diplomrushkan.ru

  27. Mazraya表示:

    Здравствуйте!
    Можно ли быстро купить диплом старого образца и в чем подвох?
    diplomrushkan.ru

  28. Trefbeq表示:

    Здравствуйте!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    diploms-man.ru/kupit-diplom-ekaterinburg
    Будем рады вам помочь!.

  29. Samueldub表示:

    http://sildenafil.llc/# viagra coupons

  30. Trefwwz表示:

    Привет, друзья!
    Легальная покупка диплома о среднем образовании в Москве и регионах
    mandiplomik.ru/kupit-diplom-voronezh
    Рады оказать помощь!.

發佈留言

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