馬老師 雲端研究室

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,999 Responses

  1. Vivod iz zapoya rostov_ecMt表示:
    2024-09-1100:21:34

    вывод из запоя дешево ростов на дону вывод из запоя дешево ростов на дону .

    回覆
  2. skoraya narkologicheskaya pomosh_ooSn表示:
    2024-09-1022:15:48

    неотложная наркологическая помощь https://www.skoraya-narkologicheskaya-pomoshch11.ru .

    回覆
  3. Eanragv表示:
    2024-09-1021:14:13

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по приятным ценам.
    kopd.ocdut.kr.ua/conference/topic/mentorska-diialnist-v-dytiachomu-samovriaduvanni/?part=4926

    回覆
  4. snyatie lomki narkolog_rnka表示:
    2024-09-1021:06:04

    снятие ломки наркозависимого https://snyatie-lomki-narkolog11.ru .

    回覆
  5. Cazrsah表示:
    2024-09-1019:38:19

    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    vniro.ru/pages/pgs/?gde_kupit_diplom_o_vusshem_obrazovanii_bustro_i_nadezghno

    回覆
  6. Eltonwag表示:
    2024-09-1019:03:22

    ретрит перезагрузка https://ретриты.рф

    回覆
  7. Eanrysf表示:
    2024-09-1018:54:26

    Добрый день!
    Мы изготавливаем дипломы любых профессий по невысоким ценам.
    oldsite.profbez.ru/shop/index.php?links_exchange=yes&page=260&show_all=yes

    回覆
  8. Eanriqo表示:
    2024-09-1018:51:36

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по невысоким тарифам.
    fpap.jp/cgi-bin/discus/log/eid51

    回覆
  9. Drstobeese表示:
    2024-09-1018:48:01

    why is pharmacy rx: Lariam – non prescription online pharmacy reviews

    回覆
  10. WilliamDeeli表示:
    2024-09-1018:47:37

    Здравствуйте!
    Мы можем предложить дипломы.
    divinecosmosnew.tforums.org/viewtopic.php?f=17&t=18718

    回覆
  11. Brucecow表示:
    2024-09-1018:46:03

    йога ретрит https://ретриты.рф

    回覆
  12. Cazribk表示:
    2024-09-1017:20:36

    Где и как купить диплом о высшем образовании без лишних рисков

    cockpit.ru/img/pgs/kak_kupit_diplom_kotoruy_proydet_lubue_proverki_i_garantiruet_uspeh

    回覆
  13. WilliamDeeli表示:
    2024-09-1016:33:40

    Привет!
    Мы изготавливаем дипломы.
    newsrbc.ru/blogs/post-4020-zhelaete-kupit-diplom-sssr-

    回覆
  14. WilliamDeeli表示:
    2024-09-1016:30:47

    Привет!
    Мы можем предложить дипломы.
    velopiter.spb.ru/profile/105400-ruhfhshj/?tab=field_core_pfield_1

    回覆
  15. Easydrorbix表示:
    2024-09-1016:27:49

    script pharmacy: vyvanse online pharmacy – prescription discount

    回覆
  16. Drstobeese表示:
    2024-09-1013:08:49

    online pharmacy buspar: lipitor generic online pharmacy – review online pharmacy

    回覆
  17. Danieltease表示:
    2024-09-1013:00:45

    7К Казино официальный сайт

    回覆
  18. JeffreyPlaiz表示:
    2024-09-1010:33:32

    https://pharm24on.com/# online pharmacy cash on delivery
    online pharmacy ambien generic

    回覆
  19. DavidLog表示:
    2024-09-1010:00:51

    сколько стоит сделать номера на машину https://gos-dublikaty150.ru/

    回覆
  20. Lazrbiq表示:
    2024-09-1009:44:08

    Добрый день!
    Мы готовы предложить дипломы любой профессии по разумным тарифам.
    pristinefleetsolution.com/diplom-396929nxsen

    回覆
  21. Lazrikn表示:
    2024-09-1008:46:46

    Привет!
    Мы предлагаем дипломы любой профессии по выгодным тарифам.
    ilonka.ru/user/minasdoGlofe

    回覆
  22. Cazrolo表示:
    2024-09-1008:25:02

    Привет, друзья!
    Заказать диплом академии
    купить диплом маркетолога

    回覆
  23. ремонт техники в москве表示:
    2024-09-1006:43:50

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

    回覆
  24. Sazruyw表示:
    2024-09-1006:21:28

    Как официально купить аттестат 11 класса с упрощенным обучением в Москве

    回覆
  25. Cazrmll表示:
    2024-09-1006:18:22

    Здравствуйте!
    Заказать диплом о высшем образовании
    купить диплом в москве

    回覆
  26. Cazrbmk表示:
    2024-09-1006:15:50

    Привет, друзья!
    Заказать диплом о высшем образовании
    купить диплом фитнес инструктора

    回覆
  27. ремонт бытовой техники челябинск表示:
    2024-09-1005:33:48

    Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники

    回覆
  28. Easydrorbix表示:
    2024-09-1005:22:19

    rx express pharmacy hurley ms: online pharmacy ireland viagra – kaiser online pharmacy

    回覆
  29. Sazrgje表示:
    2024-09-1004:56:37

    Как правильно приобрести диплом колледжа или ПТУ в России, важные моменты

    回覆
  30. Sazrcux表示:
    2024-09-1004:53:46

    Как не попасть впросак при покупке диплома колледжа или ПТУ в России

    回覆

發佈留言

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