馬老師 雲端研究室

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

  1. ArmandoSausy表示:
    2024-04-1706:03:37

    http://onlinepharmacyworld.shop/# best online pharmacy no prescription

    回覆
  2. Philiputipt表示:
    2024-04-1705:44:36

    no prescription drugs online online pharmacy not requiring prescription buying prescription drugs in india

    回覆
  3. Philiputipt表示:
    2024-04-1705:27:07

    mexican prescription drugs online prescription drugs canada buying prescription drugs online canada

    回覆
  4. ArmandoSausy表示:
    2024-04-1704:25:16

    http://onlinepharmacyworld.shop/# prescription drugs from canada

    回覆
  5. Mnoble表示:
    2024-04-1704:01:23

    clarinex order online – brand albuterol 4mg albuterol inhalator over the counter

    回覆
  6. sSdfffobelors表示:
    2024-04-1702:59:26

    Доброго всем дня!

    Было ли у вас когда-нибудь такое, что приходилось писать дипломную работу в сжатые сроки? Это действительно требует огромной ответственности и напряженных усилий, но важно не сдаваться и продолжать активно заниматься учебными процессами, чем я и занимаюсь.
    Для тех, кто умеет искать и анализировать информацию в интернете, это действительно помогает в процессе согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по России. Можете ознакомиться с предложениями по ссылке , проверено!
    http://school45.bestbb.ru/viewtopic.php?id=522#p557
    купить диплом специалиста
    купить диплом техникума
    купить диплом о среднем образовании
    купить диплом института
    купить диплом университета

    Желаю каждому положительных отметок!

    回覆
  7. Austinnet表示:
    2024-04-1702:31:26

    promo code for canadian pharmacy meds: best online pharmacy no prescription – canadian pharmacy world coupon

    回覆
  8. MatthewSox表示:
    2024-04-1701:24:34

    order medication without prescription: pharmacy no prescription – can you buy prescription drugs in canada

    回覆
  9. ArmandoSausy表示:
    2024-04-1700:55:12

    http://onlinepharmacyworld.shop/# cheapest pharmacy to fill prescriptions with insurance

    回覆
  10. Austinnet表示:
    2024-04-1700:37:19

    cheapest pharmacy prescription drugs: pharmacy online 365 discount code – canadian pharmacy coupon

    回覆
  11. ArmandoSausy表示:
    2024-04-1623:00:47

    https://onlinepharmacyworld.shop/# best online pharmacy no prescription

    回覆
  12. Philiputipt表示:
    2024-04-1621:21:30

    where can i buy ed pills buying erectile dysfunction pills online ed pills for sale

    回覆
  13. Philiputipt表示:
    2024-04-1621:01:33

    online erectile dysfunction prescription where can i get ed pills get ed meds online

    回覆
  14. Harveyicofs表示:
    2024-04-1619:44:50

    http://edpill.top/# erectile dysfunction online prescription

    回覆
  15. ArmandoSausy表示:
    2024-04-1619:44:19

    https://edpill.top/# how to get ed meds online

    回覆
  16. MatthewSox表示:
    2024-04-1618:40:05

    ed online treatment: ed treatment online – buy erectile dysfunction medication

    回覆
  17. ArmandoSausy表示:
    2024-04-1618:07:41

    https://medicationnoprescription.pro/# buy meds online no prescription

    回覆
  18. ArmandoSausy表示:
    2024-04-1615:19:14

    https://onlinepharmacyworld.shop/# canadian pharmacy coupon code

    回覆
  19. HarveyLaree表示:
    2024-04-1614:17:21

    http://onlinepharmacyworld.shop/# canada pharmacy not requiring prescription

    回覆
  20. ArmandoSausy表示:
    2024-04-1613:33:35

    http://edpill.top/# erectile dysfunction online

    回覆
  21. Philiputipt表示:
    2024-04-1613:32:15

    online pharmacy no prescription needed non prescription medicine pharmacy prescription free canadian pharmacy

    回覆
  22. Philiputipt表示:
    2024-04-1613:13:57

    cheapest pharmacy to get prescriptions filled pharmacy coupons canadian pharmacy no prescription needed

    回覆
  23. HarveyLaree表示:
    2024-04-1612:20:39

    https://edpill.top/# buy ed medication online

    回覆
  24. MatthewSox表示:
    2024-04-1611:59:07

    canada prescription online: online pharmacy canada no prescription – canadian prescriptions in usa

    回覆
  25. ArmandoSausy表示:
    2024-04-1610:34:53

    https://medicationnoprescription.pro/# online pharmacy no prescription

    回覆
  26. ArmandoSausy表示:
    2024-04-1608:56:38

    http://edpill.top/# buy ed meds

    回覆
  27. Harveyicofs表示:
    2024-04-1608:55:39

    https://medicationnoprescription.pro/# no prescription medication

    回覆
  28. Philiputipt表示:
    2024-04-1607:09:01

    erectile dysfunction medications online best ed medication online discount ed meds

    回覆
  29. Philiputipt表示:
    2024-04-1606:55:59

    cheapest ed pills cheapest erectile dysfunction pills order ed pills online

    回覆
  30. Austinnet表示:
    2024-04-1606:45:14

    best online pharmacy that does not require a prescription in india: best online pharmacy no prescription – how to get prescription drugs from canada

    回覆

發佈留言

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