馬老師 雲端研究室

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...

10,315 Responses

  1. Arnoldten表示:
    2024-07-3021:40:36

    mexican border pharmacies shipping to usa buying from online mexican pharmacy mexico pharmacies prescription drugs

    回覆
  2. DominicJaw表示:
    2024-07-3021:39:08

    pharmacies in mexico that ship to usa: buying prescription drugs in mexico – medication from mexico pharmacy

    回覆
  3. RichardWrifs表示:
    2024-07-3021:34:03

    http://mexicandeliverypharma.com/# mexican pharmaceuticals online

    回覆
  4. Manryze表示:
    2024-07-3020:49:55

    Привет, друзья!
    Купить документ о получении высшего образования
    ast-diplom.com/kupit-diplom-sankt-peterburg

    回覆
  5. Xazrtyt表示:
    2024-07-3020:48:40

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

    回覆
  6. Nelsonbluck表示:
    2024-07-3019:10:14

    mexico drug stores pharmacies: mexican rx online – mexican online pharmacies prescription drugs

    回覆
  7. Arnoldten表示:
    2024-07-3018:55:56

    mexican drugstore online medicine in mexico pharmacies mexican drugstore online

    回覆
  8. RichardWrifs表示:
    2024-07-3018:28:16

    http://mexicandeliverypharma.com/# mexican border pharmacies shipping to usa

    回覆
  9. Xazryaq表示:
    2024-07-3018:19:16

    Здравствуйте!
    Как правильно купить диплом колледжа и пту в России, подводные камни
    landik-diploms-srednee.ru/svidetelstvo-o-razvode

    回覆
  10. Xazrlfq表示:
    2024-07-3018:16:30

    Добрый день!
    Диплом пту купить официально с упрощенным обучением в Москве
    landik-diploms-srednee.ru/attestat-shkoly

    回覆
  11. Manrnoz表示:
    2024-07-3018:14:05

    Привет, друзья!
    Купить документ института
    diplomyx24.ru/kupit-diplom-rostov-na-donu

    回覆
  12. Danrhws表示:
    2024-07-3014:36:10

    Привет!
    Мы можем предложить дипломы любой профессии.
    picbok.org/read-blog/4658_nadezhnyj-internet-magazin-s-obshirnym-vyborom-dokumentov
    Поможем вам всегда!.

    回覆
  13. WayneCoirl表示:
    2024-07-3013:38:24

    purple pharmacy mexico price list: medication from mexico pharmacy – mexican online pharmacies prescription drugs

    回覆
  14. Arnoldten表示:
    2024-07-3013:35:10

    pharmacies in mexico that ship to usa п»їbest mexican online pharmacies pharmacies in mexico that ship to usa

    回覆
  15. DominicJaw表示:
    2024-07-3013:33:40

    mexico pharmacies prescription drugs: best online pharmacies in mexico – mexico drug stores pharmacies

    回覆
  16. DominicJaw表示:
    2024-07-3011:43:32

    buying prescription drugs in mexico online: mexican drugstore online – п»їbest mexican online pharmacies

    回覆
  17. Nelsonbluck表示:
    2024-07-3010:57:37

    mexican drugstore online: mexican border pharmacies shipping to usa – buying prescription drugs in mexico online

    回覆
  18. Arnoldten表示:
    2024-07-3010:49:48

    best online pharmacies in mexico mexico pharmacy mexico drug stores pharmacies

    回覆
  19. Uazrwlr表示:
    2024-07-3010:19:48

    Добрый день!
    Где заказать диплом специалиста?
    gamereleasetoday.com/купить-диплом-гознак-надежные-решени/

    回覆
  20. Uazrthi表示:
    2024-07-3010:15:53

    Привет!
    Где приобрести диплом по необходимой специальности?
    my.omsystem.com/members/anthonyjoseph

    回覆
  21. Dnrtgpo表示:
    2024-07-3009:15:40

    Привет, друзья!
    Купить документ о получении высшего образования можно в нашем сервисе.
    ast-diplomas24.ru/kupit-diplom-omsk
    Удачи!

    回覆
  22. Dnrtall表示:
    2024-07-3008:18:50

    Добрый день!
    Купить документ университета вы сможете в нашем сервисе.
    diploms-x24.ru/kupit-diplom-rostov-na-donu
    Хорошей учебы!

    回覆
  23. RichardWrifs表示:
    2024-07-3008:18:04

    https://mexicandeliverypharma.online/# purple pharmacy mexico price list

    回覆
  24. Treffpk表示:
    2024-07-3006:42:29

    Привет!
    Официальная покупка диплома вуза с сокращенной программой в Москве
    higherranker.com/купить-диплом-проверенные-способы
    Поможем вам всегда!.

    回覆
  25. Mazrfvc表示:
    2024-07-3006:39:41

    Привет, друзья!
    Официальная покупка диплома ПТУ с упрощенной программой обучения
    mans-diplomyxx.ru

    回覆
  26. WayneCoirl表示:
    2024-07-3006:08:52

    mexico drug stores pharmacies: best online pharmacies in mexico – medication from mexico pharmacy

    回覆
  27. Lazroqb表示:
    2024-07-3006:06:58

    Добрый день!
    Приобрести диплом любого университета.
    tras.ru/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=118

    回覆
  28. DominicJaw表示:
    2024-07-3006:06:42

    purple pharmacy mexico price list: pharmacies in mexico that ship to usa – mexico drug stores pharmacies

    回覆
  29. Lazrxcd表示:
    2024-07-3006:06:30

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по доступным тарифам.
    irc71.ru/index.php/jomsocial/groups/viewbulletin/256-zachem-sejchas-priobretayut-diplomy-v-seti-internet?groupid=47

    回覆
  30. Lazrofr表示:
    2024-07-3006:06:07

    Здравствуйте!
    Приобрести диплом любого университета.
    igpsclub.ru/social/read-blog/5452

    回覆

發佈留言

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