馬老師 雲端研究室

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

13,964 Responses

  1. JefferyTar表示:
    2024-11-1800:56:04

    world pharmacy india: indian pharmacy – buy medicines online in india

    回覆
  2. купить сейф для охотничьего ружья表示:
    2024-11-1800:38:30

    Тут можно преобрести оружейный шкаф купить москва сейф под ружье цена

    回覆
  3. сейф огнестойкий表示:
    2024-11-1800:32:14

    Тут можно преобрести несгораемый сейф цена купить огнеупорный сейф

    回覆
  4. сейф表示:
    2024-11-1800:11:41

    Здесь можно преобрести сейф москва новый сейф

    回覆
  5. сейф для оружия表示:
    2024-11-1723:53:47

    Тут можно преобрести сейф для оружия цена купить сейф для оружия цены

    回覆
  6. Sazrlam表示:
    2024-11-1722:54:52

    Покупка диплома о среднем полном образовании: как избежать мошенничества?

    回覆
  7. JefferyTar表示:
    2024-11-1722:36:20

    male erection pills: Canada pharmacy online – how to help ed

    回覆
  8. LarryEvini表示:
    2024-11-1722:11:42

    india online pharmacy: Online medicine home delivery – india pharmacy mail order

    回覆
  9. Bradleygoath表示:
    2024-11-1721:58:23

    http://canadiandrugsgate.com/# top rated ed pills

    回覆
  10. Bradleygoath表示:
    2024-11-1720:28:26

    https://canadiandrugsgate.com/# ed treatment options

    回覆
  11. купить сейф表示:
    2024-11-1719:49:18

    Здесь можно преобрести где купить сейфы в москве сейфы купить

    回覆
  12. Mazrnyn表示:
    2024-11-1718:53:12

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

    lightsdemons.phorum.pl/viewtopic.php?p=68355#68355

    回覆
  13. сейфы купить表示:
    2024-11-1718:31:38

    Здесь можно преобрести сейфы купить купить сейф оптом

    回覆
  14. Sazrzoj表示:
    2024-11-1715:27:12

    Можно ли купить аттестат о среднем образовании, основные моменты и вопросы

    回覆
  15. JefferyTar表示:
    2024-11-1715:09:29

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

    回覆
  16. купить сейф для оружия表示:
    2024-11-1714:57:50

    Тут можно преобрести оружейные сейфы и шкафы для охотничьего ружья сейф для ружья купить

    回覆
  17. LarryEvini表示:
    2024-11-1714:52:10

    mexican drugstore online: mexican pharmacy – buying prescription drugs in mexico online

    回覆
  18. HaroldDus表示:
    2024-11-1714:51:30

    cheap ed medication: Best Canadian pharmacy – medication online

    回覆
  19. HaroldDus表示:
    2024-11-1714:31:58

    buy ed drugs: canadiandrugsgate – vacuum pumps for ed

    回覆
  20. Vivod iz zapoya rostov_iwka表示:
    2024-11-1713:58:37

    вывод из запоя дешево ростов-на-дону mymoscow.forum24.ru/?1-6-0-00022899-000-0-0-1730709378 .

    回覆
  21. огнестойкие сейфы表示:
    2024-11-1713:09:07

    Тут можно преобрести сейфы пожаростойкие несгораемые сейфы

    回覆
  22. HaroldDus表示:
    2024-11-1712:49:53

    over the counter ed medication: canadiandrugsgate – cheap medication

    回覆
  23. JefferyTar表示:
    2024-11-1712:21:15

    errectile disfunction: canadiandrugsgate – ed medication online

    回覆
  24. Jamiecaw表示:
    2024-11-1712:12:41

    https://canadiandrugsgate.com/# medication for ed dysfunction

    回覆
  25. Sazryet表示:
    2024-11-1712:04:42

    Покупка диплома о среднем полном образовании: как избежать мошенничества?

    回覆
  26. Bradleygoath表示:
    2024-11-1712:03:09

    https://indianpharmacyeasy.com/# online shopping pharmacy india

    回覆
  27. Vivod iz zapoya rostov_oyka表示:
    2024-11-1711:14:59

    вывод из запоя цены ростов на дону https://internetmoney.bestbb.ru/viewtopic.php?id=31697 .

    回覆
  28. купить сейф для оружия表示:
    2024-11-1711:12:34

    Тут можно преобрести сейфы оружейные сейф для оружия в москве

    回覆
  29. GlennSnofs表示:
    2024-11-1710:35:07

    india pharmacy Online Indian pharmacy buy medicines online in india

    回覆
  30. GlennSnofs表示:
    2024-11-1710:23:27

    natural remedies for ed Canadian pharmacy best prices prescription drugs online without doctor

    回覆

發佈留言

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