馬老師 雲端研究室

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

  1. Keithadoms表示:
    2024-03-2720:02:12

    http://aviatoroyna.bid/# aviator oyunu giris

    回覆
  2. Keithadoms表示:
    2024-03-2718:52:42

    https://aviatoroyna.bid/# aviator oyunu 50 tl

    回覆
  3. Franksib表示:
    2024-03-2718:48:03

    sweet bonanza slot demo: sweet bonanza kazanma saatleri – sweet bonanza hilesi

    回覆
  4. Robertevend表示:
    2024-03-2717:17:11

    https://pinupgiris.fun/# pin up

    回覆
  5. Williamfer表示:
    2024-03-2717:12:37

    gates of olympus demo: gates of olympus max win – gates of olympus 1000 demo

    回覆
  6. Williamfer表示:
    2024-03-2715:30:04

    slot bahis siteleri: casino slot siteleri – guvenilir slot siteleri 2024

    回覆
  7. Robertevend表示:
    2024-03-2715:29:59

    http://aviatoroyna.bid/# aviator oyna

    回覆
  8. VictorEveft表示:
    2024-03-2711:35:45

    best mexican online pharmacies: mexican rx online – reputable mexican pharmacies online

    回覆
  9. VictorEveft表示:
    2024-03-2710:01:45

    canadian neighbor pharmacy: online canadian pharmacy review – canadian pharmacy drugs online

    回覆
  10. RalphDiolo表示:
    2024-03-2709:52:34

    mexican online pharmacies prescription drugs: reputable mexican pharmacies online – best online pharmacies in mexico

    回覆
  11. Robingug表示:
    2024-03-2709:40:36

    http://mexicanpharm.online/# mexican rx online

    回覆
  12. RalphDiolo表示:
    2024-03-2709:30:19

    reputable mexican pharmacies online: mexican border pharmacies shipping to usa – mexican border pharmacies shipping to usa

    回覆
  13. VictorEveft表示:
    2024-03-2707:12:59

    indian pharmacy: legitimate online pharmacies india – indian pharmacy paypal

    回覆
  14. VictorEveft表示:
    2024-03-2705:33:15

    canadian online drugs: canadian king pharmacy – online canadian pharmacy reviews

    回覆
  15. CarlosBrubs表示:
    2024-03-2702:52:40

    https://pharmacynoprescription.pro/# no prescription drugs

    回覆
  16. VictorEveft表示:
    2024-03-2702:00:49

    online pharmacy canada: canadian pharmacy meds – legit canadian pharmacy

    回覆
  17. Robingug表示:
    2024-03-2701:51:08

    https://mexicanpharm.online/# reputable mexican pharmacies online

    回覆
  18. CarlosBrubs表示:
    2024-03-2700:58:42

    http://canadianpharm.guru/# prescription drugs canada buy online

    回覆
  19. JamieMearm表示:
    2024-03-2700:38:55

    top 10 pharmacies in india: indian pharmacy paypal – online pharmacy india

    回覆
  20. VictorEveft表示:
    2024-03-2700:08:51

    mexican pharmaceuticals online: best online pharmacies in mexico – mexican pharmacy

    回覆
  21. RalphDiolo表示:
    2024-03-2623:56:45

    mexican rx online: mexican rx online – buying prescription drugs in mexico online

    回覆
  22. RalphDiolo表示:
    2024-03-2623:34:37

    medication from mexico pharmacy: medicine in mexico pharmacies – mexico pharmacies prescription drugs

    回覆
  23. Jamesseick表示:
    2024-03-2621:17:07

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

    回覆
  24. VictorEveft表示:
    2024-03-2621:12:52

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

    回覆
  25. VictorEveft表示:
    2024-03-2619:35:58

    canadian pharmacy online: canadapharmacyonline – canadian pharmacy online ship to usa

    回覆
  26. Jamesseick表示:
    2024-03-2619:26:53

    reputable indian pharmacies Online medicine home delivery india pharmacy

    回覆
  27. Robingug表示:
    2024-03-2618:24:25

    https://indianpharm.shop/# india pharmacy mail order

    回覆
  28. VictorEveft表示:
    2024-03-2616:44:17

    pharmacy website india: online shopping pharmacy india – indianpharmacy com

    回覆
  29. VictorEveft表示:
    2024-03-2615:09:53

    canadian rx prescription drugstore: buy drugs without prescription – online pharmacy without a prescription

    回覆
  30. RalphDiolo表示:
    2024-03-2613:36:53

    online pharmacy without prescription: mexican prescription drugs online – online meds without prescription

    回覆

發佈留言

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