馬老師 雲端研究室

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

7,114 Responses

  1. Stevenrip表示:
    2024-04-2409:21:13

    canadian pharmacy meds reviews: Large Selection of Medications from Canada – my canadian pharmacy reviews

    回覆
  2. Marcelabelp表示:
    2024-04-2409:19:12

    http://indiaph24.store/# indian pharmacy paypal

    回覆
  3. Marcelabelp表示:
    2024-04-2407:03:53

    https://canadaph24.pro/# online canadian pharmacy reviews

    回覆
  4. Rickysem表示:
    2024-04-2406:27:36

    Online medicine order Generic Medicine India to USA world pharmacy india

    回覆
  5. Marcelabelp表示:
    2024-04-2404:40:47

    http://mexicoph24.life/# mexico pharmacy

    回覆
  6. Rickysem表示:
    2024-04-2403:26:02

    indian pharmacy online Cheapest online pharmacy best online pharmacy india

    回覆
  7. Marcelabelp表示:
    2024-04-2401:41:19

    http://canadaph24.pro/# canada rx pharmacy world

    回覆
  8. Rickysem表示:
    2024-04-2323:50:34

    mexican pharmaceuticals online mexican pharmacy buying prescription drugs in mexico online

    回覆
  9. Stevenrip表示:
    2024-04-2322:15:13

    cheapest online pharmacy india: buy medicines from India – Online medicine home delivery

    回覆
  10. Michaelcew表示:
    2024-04-2321:09:09

    http://mexicoph24.life/# mexican rx online

    回覆
  11. Rickysem表示:
    2024-04-2321:06:51

    mexico pharmacies prescription drugs mexico pharmacy mexico pharmacy

    回覆
  12. Marcelabelp表示:
    2024-04-2320:11:22

    http://mexicoph24.life/# mexican mail order pharmacies

    回覆
  13. Caaygl表示:
    2024-04-2319:22:05

    lamisil 250mg cheap – order fluconazole 200mg pill buy grifulvin v pills

    回覆
  14. Rickysem表示:
    2024-04-2318:06:35

    mexican mail order pharmacies cheapest mexico drugs mexican pharmaceuticals online

    回覆
  15. Marcelabelp表示:
    2024-04-2317:34:53

    https://indiaph24.store/# best online pharmacy india

    回覆
  16. Rickysem表示:
    2024-04-2315:15:28

    Online medicine home delivery buy medicines from India world pharmacy india

    回覆
  17. Marcelabelp表示:
    2024-04-2315:09:02

    https://indiaph24.store/# Online medicine home delivery

    回覆
  18. oborudovan_enPl表示:
    2024-04-2313:37:16

    Оборудование ситуационных центров https://www.oborudovanie-situacionnyh-centrov.ru .

    回覆
  19. Marcelabelp表示:
    2024-04-2312:06:35

    https://canadaph24.pro/# cheapest pharmacy canada

    回覆
  20. Rickysem表示:
    2024-04-2312:05:26

    cheapest online pharmacy india indian pharmacy fast delivery best online pharmacy india

    回覆
  21. Marcelabelp表示:
    2024-04-2309:27:31

    http://canadaph24.pro/# canadian pharmacy king

    回覆
  22. Rickysem表示:
    2024-04-2308:49:53

    canada drug pharmacy Certified Canadian Pharmacies legitimate canadian pharmacy online

    回覆
  23. Marcelabelp表示:
    2024-04-2307:09:35

    http://indiaph24.store/# legitimate online pharmacies india

    回覆
  24. Rickysem表示:
    2024-04-2306:32:01

    reputable indian online pharmacy indian pharmacy fast delivery online shopping pharmacy india

    回覆
  25. Dntjnn表示:
    2024-04-2306:03:31

    order rybelsus pills – order semaglutide generic buy generic desmopressin

    回覆
  26. Marcelabelp表示:
    2024-04-2304:50:57

    https://indiaph24.store/# mail order pharmacy india

    回覆
  27. Rickysem表示:
    2024-04-2304:02:34

    india online pharmacy indian pharmacy fast delivery indian pharmacy online

    回覆
  28. Michaelcew表示:
    2024-04-2302:55:37

    https://mexicoph24.life/# mexico drug stores pharmacies

    回覆
  29. Marcelabelp表示:
    2024-04-2301:45:44

    http://canadaph24.pro/# canadian pharmacy 24

    回覆
  30. Rickysem表示:
    2024-04-2300:34:21

    п»їbest mexican online pharmacies Online Pharmacies in Mexico mexico pharmacies prescription drugs

    回覆

發佈回覆給「Michaelcew」的留言 取消回覆

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