馬老師 雲端研究室

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

  1. StevenPably表示:
    2024-05-1908:55:27

    https://36and6health.shop/# canada pharmacy coupon

    回覆
  2. CharlesEmpit表示:
    2024-05-1904:30:24

    indian pharmacies safe top online pharmacy india indianpharmacy com

    回覆
  3. StevenPably表示:
    2024-05-1903:31:40

    https://cheapestandfast.com/# meds online without prescription

    回覆
  4. StevenPably表示:
    2024-05-1901:05:33

    https://36and6health.com/# prescription drugs online

    回覆
  5. CharlesEmpit表示:
    2024-05-1822:40:44

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

    回覆
  6. Jimmielic表示:
    2024-05-1822:00:22

    https://cheapestcanada.shop/# best canadian pharmacy

    回覆
  7. Jimmielic表示:
    2024-05-1821:57:11

    https://36and6health.shop/# canadian pharmacy coupon

    回覆
  8. Terryclews表示:
    2024-05-1818:54:46

    prescription drugs from canada: 36 & 6 health – drugstore com online pharmacy prescription drugs

    回覆
  9. Terryclews表示:
    2024-05-1816:14:34

    canada online pharmacy no prescription: 36and6health – canadian pharmacy without prescription

    回覆
  10. Terryclews表示:
    2024-05-1815:58:42

    buying from online mexican pharmacy: purple pharmacy mexico price list – buying prescription drugs in mexico

    回覆
  11. Torshery_ghMr表示:
    2024-05-1815:09:31

    торшер с хрустальными подвесками https://www.hrustalnye-torshery.ru .

    回覆
  12. Jimmielic表示:
    2024-05-1813:12:26

    http://cheapestcanada.com/# legit canadian online pharmacy

    回覆
  13. StevenPably表示:
    2024-05-1811:02:35

    https://cheapestandfast.shop/# canada prescription drugs online

    回覆
  14. StevenPably表示:
    2024-05-1808:52:11

    https://cheapestindia.com/# top 10 online pharmacy in india

    回覆
  15. CharlesEmpit表示:
    2024-05-1807:27:28

    buy medicines online in india india online pharmacy best online pharmacy india

    回覆
  16. Terryclews表示:
    2024-05-1804:41:27

    canadian drugs no prescription: cheapest and fast – canadian rx prescription drugstore

    回覆
  17. CharlesEmpit表示:
    2024-05-1803:47:25

    canada pharmacy online no prescription no prescription online pharmacies no prescription drugs

    回覆
  18. StevenPably表示:
    2024-05-1803:20:20

    http://cheapestcanada.com/# canadian pharmacy meds review

    回覆
  19. Jimmielic表示:
    2024-05-1802:20:37

    https://cheapestcanada.com/# canadian drugs pharmacy

    回覆
  20. StevenPably表示:
    2024-05-1800:28:31

    https://cheapestindia.shop/# pharmacy website india

    回覆
  21. Jimmielic表示:
    2024-05-1723:21:55

    https://cheapestandfast.shop/# no prescription drugs online

    回覆
  22. Jimmielic表示:
    2024-05-1723:18:47

    https://cheapestmexico.com/# п»їbest mexican online pharmacies

    回覆
  23. StevenPably表示:
    2024-05-1717:08:53

    http://cheapestandfast.com/# best online pharmacy without prescription

    回覆
  24. CharlesEmpit表示:
    2024-05-1716:56:55

    safe canadian pharmacies reliable canadian pharmacy canadian pharmacy in canada

    回覆
  25. Jimmielic表示:
    2024-05-1714:52:29

    http://cheapestindia.com/# indian pharmacy online

    回覆
  26. StevenPably表示:
    2024-05-1714:32:21

    http://cheapestandfast.com/# best online prescription

    回覆
  27. Terryclews表示:
    2024-05-1712:14:02

    legal canadian pharmacy online: cheapest canada – best rated canadian pharmacy

    回覆
  28. CharlesEmpit表示:
    2024-05-1711:16:38

    buying from online mexican pharmacy reputable mexican pharmacies online mexican pharmaceuticals online

    回覆
  29. Terryclews表示:
    2024-05-1709:57:57

    canadian pharmacy coupon code: cheapest pharmacy – canadian pharmacy discount code

    回覆
  30. Terryclews表示:
    2024-05-1709:47:12

    offshore pharmacy no prescription: cheapest pharmacy – cheapest pharmacy prescription drugs

    回覆

發佈留言

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