馬老師 雲端研究室

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

12,002 Responses

  1. сервис профи новосибирск表示:
    2024-09-1423:21:26

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

    回覆
  2. RobertMef表示:
    2024-09-1423:04:27

    mail order pharmacy india: best india pharmacy – pharmacy website india

    回覆
  3. ArthurKib表示:
    2024-09-1420:59:17

    https://pharmbig24.online/# paxil pharmacy

    回覆
  4. Josephfub表示:
    2024-09-1419:32:01

    vet pharmacy online target pharmacy fenofibrate pharmacy online prozac

    回覆
  5. Josephfub表示:
    2024-09-1418:48:58

    kaiser permanente pharmacy colchicine pharmacy united pharmacy accutane

    回覆
  6. CharlieCop表示:
    2024-09-1417:24:22

    вывод из запоя в больнице нахабино https://zapoynetu.ru/

    回覆
  7. ArthurKib表示:
    2024-09-1415:09:41

    https://pharmbig24.com/# legitimate mexican pharmacy online

    回覆
  8. RobertMef表示:
    2024-09-1412:45:22

    reputable indian online pharmacy: indian pharmacies safe – top 10 pharmacies in india

    回覆
  9. ремонт техники профи в нижнем новгороде表示:
    2024-09-1412:22:45

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

    回覆
  10. Jamestek表示:
    2024-09-1411:37:25

    how to write a conclusion for an argumentative paper https://payformyessayser.com/ writing paper services

    回覆
  11. MauriceGueda表示:
    2024-09-1411:10:53

    best india pharmacy: mail order pharmacy india – reputable indian online pharmacy

    回覆
  12. сервис центры в москве表示:
    2024-09-1410:46:59

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

    回覆
  13. MauriceGueda表示:
    2024-09-1410:17:43

    legit online pharmacy klonopin: Shallaki – percocet no prescription pharmacy

    回覆
  14. Josephfub表示:
    2024-09-1408:27:52

    mexico drug stores pharmacies reputable mexican pharmacies online mexican mail order pharmacies

    回覆
  15. Josephfub表示:
    2024-09-1407:43:26

    medicine in mexico pharmacies mexican pharmaceuticals online buying from online mexican pharmacy

    回覆
  16. skoraya narkologicheskaya pomosh_tysl表示:
    2024-09-1407:04:14

    вызвать наркологическую помощь http://www.skoraya-narkologicheskaya-pomoshch16.ru .

    回覆
  17. GeorgeGed表示:
    2024-09-1406:09:00

    Apres le paiement, le промокод для 1xbet леон devient disponible et peut etre active par le joueur a tout moment. Il y a beaucoup d’offres dans la vitrine des codes promotionnels. Dans la plupart des cas, ils couvrent la section du casino, mais souvent dans la vitrine sont publies des codes interessants pour la Conclusion a des conditions preferentielles des Paris Express, pour obtenir un cashback pour les Paris perdus. La vitrine est mise a jour assez souvent.

    回覆
  18. ArthurKib表示:
    2024-09-1405:35:41

    https://mexicopharmacy.cheap/# reputable mexican pharmacies online

    回覆
  19. skoraya narkologicheskaya pomosh_mcEl表示:
    2024-09-1404:49:03

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

    回覆
  20. RobertMef表示:
    2024-09-1402:23:27

    buy prescription drugs from india: online shopping pharmacy india – п»їlegitimate online pharmacies india

    回覆
  21. Kak zarabotat v internete_htEn表示:
    2024-09-1401:59:36

    заработок в интернете заработок в интернете .

    回覆
  22. сервис профи красноярск表示:
    2024-09-1401:03:26

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

    回覆
  23. ArthurKib表示:
    2024-09-1323:51:38

    http://mexicopharmacy.cheap/# buying from online mexican pharmacy

    回覆
  24. JamesEMULK表示:
    2024-09-1323:12:00

    Уcтановкa натяжныx пoтолков любой сложнoсти? PАБОTАEM ПO BCEЙ Невьянск, Новоуральск. Европейcкоe качeство.лучшиe мaтериaлы. БEЗ ЗАПАXA. Выeзд специалистa зaмерщика бecплатно!!

    Натяжные потолки Кировград

    回覆
  25. Josephfub表示:
    2024-09-1321:44:34

    inhouse pharmacy viagra best online ambien pharmacy cialis online pharmacy no prescription

    回覆
  26. MauriceGueda表示:
    2024-09-1321:38:31

    buying prescription drugs in mexico: mexico drug stores pharmacies – mexican pharmaceuticals online

    回覆
  27. Josephfub表示:
    2024-09-1321:06:01

    п»їlegitimate online pharmacies india india online pharmacy india pharmacy

    回覆
  28. MauriceGueda表示:
    2024-09-1320:42:56

    Ampicillin: buy viagra uk pharmacy – viagra online pharmacy australia

    回覆
  29. RobertMef表示:
    2024-09-1315:46:17

    reputable mexican pharmacies online: pharmacies in mexico that ship to usa – mexico pharmacies prescription drugs

    回覆
  30. Ремонт видеокамер в Москве表示:
    2024-09-1314:43:46

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

    回覆

發佈留言

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