馬老師 雲端研究室

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

  1. RalphDiolo表示:
    2024-03-2511:09:48

    buying prescription drugs in mexico: medicine in mexico pharmacies – reputable mexican pharmacies online

    回覆
  2. VictorEveft表示:
    2024-03-2511:08:25

    buy prescription drugs online without doctor: canadian prescription drugstore reviews – best online pharmacy that does not require a prescription in india

    回覆
  3. CarlosBrubs表示:
    2024-03-2510:50:07

    http://mexicanpharm.online/# mexican mail order pharmacies

    回覆
  4. RalphDiolo表示:
    2024-03-2510:49:52

    online shopping pharmacy india: india pharmacy – india pharmacy

    回覆
  5. CarlosBrubs表示:
    2024-03-2509:06:28

    https://mexicanpharm.online/# mexican drugstore online

    回覆
  6. VictorEveft表示:
    2024-03-2508:21:12

    canada pharmacy no prescription: canada online prescription – online pharmacy not requiring prescription

    回覆
  7. VictorEveft表示:
    2024-03-2506:43:55

    online pharmacy no prescription needed: online pharmacy reviews no prescription – buying prescription drugs in canada

    回覆
  8. Jamesseick表示:
    2024-03-2505:43:33

    pharmacies in mexico that ship to usa mexican mail order pharmacies pharmacies in mexico that ship to usa

    回覆
  9. Robingug表示:
    2024-03-2505:42:45

    https://canadianpharm.guru/# canadian pharmacy price checker

    回覆
  10. Jamesseick表示:
    2024-03-2503:52:08

    canadian pharmacy world canadian online drugstore canadian compounding pharmacy

    回覆
  11. VictorEveft表示:
    2024-03-2503:25:52

    mexican drugstore online: mexico pharmacies prescription drugs – mexican mail order pharmacies

    回覆
  12. RalphDiolo表示:
    2024-03-2502:28:54

    best online pharmacies without prescription: online medication no prescription – buy meds online no prescription

    回覆
  13. RalphDiolo表示:
    2024-03-2502:08:05

    buying prescription drugs in mexico: mexican drugstore online – reputable mexican pharmacies online

    回覆
  14. VictorEveft表示:
    2024-03-2501:19:53

    buying from canadian pharmacies: canadian pharmacy review – reputable canadian pharmacy

    回覆
  15. JamieMearm表示:
    2024-03-2500:00:30

    top online pharmacy india: buy prescription drugs from india – indian pharmacies safe

    回覆
  16. VictorEveft表示:
    2024-03-2422:19:52

    legitimate online pharmacies india: top 10 pharmacies in india – top 10 online pharmacy in india

    回覆
  17. Robingug表示:
    2024-03-2422:01:05

    https://indianpharm.shop/# indian pharmacies safe

    回覆
  18. VictorEveft表示:
    2024-03-2420:38:38

    buying prescription drugs in mexico: mexican mail order pharmacies – pharmacies in mexico that ship to usa

    回覆
  19. VictorEveft表示:
    2024-03-2417:47:59

    pills no prescription: buying drugs online no prescription – buy medication online no prescription

    回覆
  20. RalphDiolo表示:
    2024-03-2417:32:13

    mexican border pharmacies shipping to usa: mexico pharmacies prescription drugs – mexico drug stores pharmacies

    回覆
  21. RalphDiolo表示:
    2024-03-2417:12:11

    cheap prescription drugs online: online meds no prescription – online pharmacy that does not require a prescription

    回覆
  22. VictorEveft表示:
    2024-03-2416:13:38

    mail order pharmacy india: pharmacy website india – indian pharmacy paypal

    回覆
  23. Cknblu表示:
    2024-03-2416:05:22

    purchase furosemide generic – buy prazosin generic captopril 25 mg us

    回覆
  24. Robingug表示:
    2024-03-2414:56:35

    https://indianpharm.shop/# india online pharmacy

    回覆
  25. CarlosBrubs表示:
    2024-03-2414:53:40

    http://canadianpharm.guru/# canada drug pharmacy

    回覆
  26. VictorEveft表示:
    2024-03-2413:24:14

    online shopping pharmacy india: best online pharmacy india – buy prescription drugs from india

    回覆
  27. CarlosBrubs表示:
    2024-03-2413:00:46

    http://indianpharm.shop/# indianpharmacy com

    回覆
  28. JamieMearm表示:
    2024-03-2411:54:31

    canadian pharmacy uk delivery: canada drug pharmacy – canadianpharmacy com

    回覆
  29. VictorEveft表示:
    2024-03-2411:50:26

    mexican online pharmacies prescription drugs: mexico pharmacies prescription drugs – mexican pharmaceuticals online

    回覆
  30. Jamesseick表示:
    2024-03-2409:57:35

    mexican drugstore online purple pharmacy mexico price list buying prescription drugs in mexico online

    回覆

發佈留言

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