馬老師 雲端研究室

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

  1. Rickysem表示:
    2024-04-2519:16:29

    top 10 online pharmacy in india buy medicines from India reputable indian online pharmacy

    回覆
  2. Michaelcew表示:
    2024-04-2518:21:01

    http://indiaph24.store/# top 10 pharmacies in india

    回覆
  3. Marcelabelp表示:
    2024-04-2518:18:17

    https://mexicoph24.life/# medication from mexico pharmacy

    回覆
  4. Stevenrip表示:
    2024-04-2518:14:17

    п»їbest mexican online pharmacies: Online Pharmacies in Mexico – mexican drugstore online

    回覆
  5. Rickysem表示:
    2024-04-2516:01:01

    mexico drug stores pharmacies mexican pharmacy medication from mexico pharmacy

    回覆
  6. Marcelabelp表示:
    2024-04-2515:15:54

    http://mexicoph24.life/# mexico pharmacy

    回覆
  7. Rickysem表示:
    2024-04-2512:53:23

    canada pharmacy online legit Prescription Drugs from Canada canada rx pharmacy

    回覆
  8. Marcelabelp表示:
    2024-04-2512:26:53

    https://indiaph24.store/# indianpharmacy com

    回覆
  9. Marcelabelp表示:
    2024-04-2510:02:50

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

    回覆
  10. Michaelcew表示:
    2024-04-2509:24:08

    http://mexicoph24.life/# mexican online pharmacies prescription drugs

    回覆
  11. Marcelabelp表示:
    2024-04-2507:41:27

    https://canadaph24.pro/# canadian pharmacy no scripts

    回覆
  12. Rickysem表示:
    2024-04-2507:38:16

    buy prescription drugs from canada cheap canadian pharmacies pharmacy com canada

    回覆
  13. Stevenrip表示:
    2024-04-2507:23:43

    buy drugs from canada: Licensed Canadian Pharmacy – onlinecanadianpharmacy 24

    回覆
  14. Marcelabelp表示:
    2024-04-2505:19:04

    https://mexicoph24.life/# mexican pharmaceuticals online

    回覆
  15. Rickysem表示:
    2024-04-2504:58:52

    canadian pharmacy com online canadian pharmacy buy canadian drugs

    回覆
  16. Marcelabelp表示:
    2024-04-2502:43:35

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

    回覆
  17. Rickysem表示:
    2024-04-2501:44:40

    top 10 online pharmacy in india Cheapest online pharmacy best online pharmacy india

    回覆
  18. Michaelcew表示:
    2024-04-2500:23:43

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

    回覆
  19. Marcelabelp表示:
    2024-04-2423:13:49

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

    回覆
  20. Rickysem表示:
    2024-04-2422:11:13

    online pharmacy india indian pharmacy online shopping pharmacy india

    回覆
  21. Stevenrip表示:
    2024-04-2420:26:35

    certified canadian pharmacy: Large Selection of Medications from Canada – canadian pharmacy ed medications

    回覆
  22. Marcelabelp表示:
    2024-04-2419:56:02

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

    回覆
  23. Rickysem表示:
    2024-04-2418:51:02

    buying from online mexican pharmacy cheapest mexico drugs mexico drug stores pharmacies

    回覆
  24. Marcelabelp表示:
    2024-04-2416:57:44

    http://mexicoph24.life/# best mexican online pharmacies

    回覆
  25. Rickysem表示:
    2024-04-2415:47:41

    canadian medications canadian pharmacies ed drugs online from canada

    回覆
  26. Michaelcew表示:
    2024-04-2415:21:00

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

    回覆
  27. Marcelabelp表示:
    2024-04-2414:19:36

    http://indiaph24.store/# india online pharmacy

    回覆
  28. Rickysem表示:
    2024-04-2412:50:03

    mexican drugstore online mexico drug stores pharmacies mexico pharmacies prescription drugs

    回覆
  29. Marcelabelp表示:
    2024-04-2411:48:28

    https://indiaph24.store/# indian pharmacy

    回覆
  30. Rickysem表示:
    2024-04-2409:31:21

    buy medicines online in india Cheapest online pharmacy india pharmacy

    回覆

發佈留言

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