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

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

Apple 官網產品介紹頁面截圖

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

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

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

You may also like...

11,860 Responses

  1. Mazrpuh表示:

    Добрый день!
    Вопросы и ответы: можно ли быстро купить диплом старого образца?
    shevy-aveo.ru/elektrooborudovanie/kak-sdelat-podsvetku-nog-v-shevrole-aveo-prosteyshiy-variant

  2. Cazrehi表示:

    Привет!
    Мы можем предложить документы ВУЗов
    tweecampus.com/read-blog/81585

  3. Mazreqt表示:

    Привет!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    =/]blogg51.ru/f_a_q.php?page=&cat=

  4. Danrzqz表示:

    Привет!
    Мы готовы предложить дипломы психологов, юристов, экономистов и прочих профессий.
    strata.com/forums/users/HeatherCastro/

  5. Danrcik表示:

    Добрый день!
    Мы изготавливаем дипломы любой профессии.
    remotecentral.com/cgi-bin/forums/members/viewprofile.cgi?llqif3

  6. Yrefblq表示:

    Привет!
    Заказать диплом о высшем образовании.
    lisagerrard99.blogspot.com/2015/10/blog-post_23

  7. Trefjqj表示:

    Привет, друзья!
    Легальные способы покупки диплома о среднем полном образовании
    rogerfilms.com/index.php?title=diplomandokscom
    Поможем вам всегда!.

  8. Jamesric表示:

    lipitor for sale: buy atorvastatin online – buy lipitor 20mg

  9. Yrefryz表示:

    Здравствуйте!
    Приобрести диплом о высшем образовании.
    blog.mistifiks.ru/2015/06/mikrotik_54

  10. Yrefreq表示:

    Добрый день!
    Заказать диплом университета.
    subaru-vlad.ru/forums/users/ydoga

  11. Trefzve表示:

    Привет, друзья!
    Возможно ли купить диплом стоматолога, и как это происходит
    gidro2000.com/forum-gidro/user/27646
    Рады оказать помощь!.

  12. Stephenzek表示:

    https://furosemide.win/# lasix 40mg

  13. Mazrsrg表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    taxi-bateau-bassindarcachon.com/la-saga-de-la-eine-darcachon/img_1371/#comment-1319928

  14. Sazrrwn表示:

    Привет, друзья!
    Приобрести документ университета
    sklonenie-slov.ru/arlekin

  15. DanielTet表示:

    buy cytotec pills https://lisinopril.guru/# lisinopril 30 mg daily
    furosemide 100 mg

  16. DanielTet表示:

    purchase cytotec http://furosemide.win/# lasix medication
    lasix medication

  17. Mazralt表示:

    Привет, друзья!
    Легальная покупка школьного аттестата с упрощенной программой обучения
    filmchik.3dn.ru/index/25-9c1fcfa76177a0c1ad520532d03000697c5603f661d6-1

  18. Sazrgxk表示:

    Здравствуйте!
    Заказать документ о получении высшего образования
    rrsclub.ru/showthread.php?t=11202

  19. Sazroad表示:

    Добрый день!
    Купить документ института
    save-ee.com/memberlist.php?g=2&mode=group&start=1600

  20. Uazrtni表示:

    Добрыйдень!
    Заказать диплом любого университета.
    telegra.ph/kupit-diplom-lyubogo-vuza-08-13-4

  21. Lazrtvb表示:

    Привет!
    Купить диплом ВУЗа.
    thesims2thebest.0pk.me/viewtopic.php?id=727#p1300

  22. Lazrwle表示:

    Добрый день!
    Купить диплом о высшем образовании.
    bisound.com/forum/showthread.php?p=635833#post635833

  23. Lariormoa表示:

    Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
    telegra.ph/kupit-diplom-v-vologde-08-13-7

  24. Mazrsyj表示:

    Добрый день!
    Аттестат школы купить официально с упрощенным обучением в Москве
    gencotyre.com/comerblog/member.asp?page=9

  25. Lariorntm表示:

    Быстрая схема покупки диплома старого образца: что важно знать?
    telegra.ph/kupit-diplom-uchilishcha-08-13-2

  26. WilliamDeeli表示:

    Добрый день!
    Мы изготавливаем дипломы.
    re-port.ru/users/50423

  27. Eanrbzw表示:

    Привет!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    kaktusy.cz/eshop/index.php?links_exchange=yes&page=41&show_all=yes

  28. Lariorqcf表示:

    Стоимость дипломов высшего и среднего образования и как избежать подделок
    telegra.ph/kupit-diplom-moskva-cena-08-13-8

  29. Lariorrpp表示:

    Официальная покупка диплома вуза с сокращенной программой в Москве
    telegra.ph/kupit-diplom-o-vysshem-obrazovanii-s-zaneseniem-v-reestr-otzyvy-08-13-6

發佈留言

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