馬老師 雲端研究室

Passion inspires professional

馬老師 雲端研究室

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

by · 2011-09-08

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

Apple 官網產品介紹頁面截圖

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

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

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

Tags:

You may also like...

11,836 Responses

  1. Mazrqmo表示:
    2024-08-0619:10:20

    Привет, друзья!
    Процесс получения диплома стоматолога: реально ли это сделать быстро?
    rushkadiplomik.ru

    回覆
  2. Matthewchact表示:
    2024-08-0617:23:08

    buy propecia for sale: propecia online – order cheap propecia price

    回覆
  3. LewisTwera表示:
    2024-08-0614:49:55

    http://nolvadexbestprice.pro/# tamoxifen and depression

    回覆
  4. Lazruky表示:
    2024-08-0614:45:43

    Здравствуйте!
    Приобрести диплом ВУЗа.
    diplomman.ru/kupit-diplom-ryazan

    回覆
  5. Lazrzsu表示:
    2024-08-0614:42:40

    Добрый день!
    Приобрести диплом о высшем образовании.
    mans-diplom.ru/kupit-diplom-voronezh

    回覆
  6. Mazrasj表示:
    2024-08-0614:04:10

    Добрый день!
    Официальное получение диплома техникума с упрощенным обучением в Москве
    rushkas-diplomyxx.ru/attestat-9-klassov

    回覆
  7. Mazrfxp表示:
    2024-08-0614:01:05

    Привет!
    Быстрая схема покупки диплома старого образца: что важно знать?
    rushkas-diplomyxx.ru/kupit-diplom-instituta

    回覆
  8. Matthewchact表示:
    2024-08-0610:09:19

    tamoxifen and uterine thickening: tamoxifen vs raloxifene – pct nolvadex

    回覆
  9. Danrboe表示:
    2024-08-0608:32:21

    Привет!
    Мы предлагаем дипломы психологов, юристов, экономистов и любых других профессий.
    forexgroupx.ru/vyisshee-obrazovanie-dlya-vas-nadezhno-i-legalno
    Окажем помощь!.

    回覆
  10. Xazrzhd表示:
    2024-08-0608:24:27

    Привет, друзья!
    Заказать документ о получении высшего образования
    arusak-diploms-srednee.ru

    回覆
  11. Trefqlt表示:
    2024-08-0607:32:00

    Здравствуйте!
    Диплом техникума купить официально с упрощенным обучением в Москве
    mans-diplomas.ru/kupit-svidetelstva
    Рады оказать помощь!.

    回覆
  12. Lazrfdd表示:
    2024-08-0607:19:31

    Добрый день!
    Мы предлагаем дипломы любой профессии по приятным тарифам.
    rushkas-diploms.ru/kupit-diplom-moskva

    回覆
  13. Trefblk表示:
    2024-08-0606:39:05

    Добрый день!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    mans-diplomxx.ru/kupit-diplom-novosibirsk
    Поможем вам всегда!.

    回覆
  14. Xazrqbb表示:
    2024-08-0605:42:49

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

    回覆
  15. Xazrkwn表示:
    2024-08-0605:39:49

    Привет!
    Купить документ о получении высшего образования
    arusak-diploms-srednee.ru/kupit-diplom-v-rostove-na-donu

    回覆
  16. Matthewchact表示:
    2024-08-0602:54:57

    cost of cheap propecia prices: buy cheap propecia pill – cost generic propecia for sale

    回覆
  17. Diplomi_jvEa表示:
    2024-08-0602:45:57

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

    回覆
  18. Mazrrha表示:
    2024-08-0602:29:24

    Здравствуйте!
    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    rushkadiplomik.ru

    回覆
  19. Diplomi_khEa表示:
    2024-08-0601:42:05

    Здравствуйте!
    Купить документ о получении высшего образования можно в нашей компании.
    rushkas-diplomxx.ru

    回覆
  20. Trefpjv表示:
    2024-08-0601:34:16

    Здравствуйте!
    Быстрая схема покупки диплома старого образца: что важно знать?
    property25.org/где-купить-диплом-о-высшем-образовани
    Поможем вам всегда!.

    回覆
  21. Mazrkgg表示:
    2024-08-0601:26:12

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

    回覆
  22. Lazrrbm表示:
    2024-08-0601:13:47

    Добрый день!
    Мы изготавливаем дипломы любых профессий по выгодным тарифам.
    avtoweek2016.ru/legalnoe-priobretenie-diploma-onlayn

    回覆
  23. Lazrsuq表示:
    2024-08-0600:13:59

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    datafornix.com/госзнак-диплом-купить

    回覆
  24. LewisTwera表示:
    2024-08-0521:27:59

    http://zithromaxbestprice.pro/# zithromax tablets for sale

    回覆
  25. Sazrgvz表示:
    2024-08-0520:56:58

    Привет!
    Диплом специалиста
    agrofly.ch/Оадежное_оформление_дипломов

    回覆
  26. Matthewchact表示:
    2024-08-0519:42:34

    Cytotec 200mcg price: buy cytotec pills online cheap – buy cytotec over the counter

    回覆
  27. Sazrssl表示:
    2024-08-0518:31:30

    Привет, друзья!
    Диплом магистра
    spletninews.ru/diplomyi-dlya-karernyih-vyisot

    回覆
  28. Sazrjfg表示:
    2024-08-0518:28:33

    Привет!
    Диплом по специальности на выбор
    gooalsocial.com/blogs/view/6250

    回覆
  29. LewisTwera表示:
    2024-08-0517:34:39

    http://cytotecbestprice.pro/# order cytotec online

    回覆
  30. Prodvijenie saitov v Moskve_azma表示:
    2024-08-0517:32:00

    продвижение сайтов в москве в топ продвижение сайтов в москве в топ .

    回覆

發佈留言

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