馬老師 雲端研究室

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

  1. Danielfes表示:
    2024-04-0222:51:03

    This is really attention-grabbing, You’re a very skilled blogger. I have joined your feed and stay up for in quest of more of your excellent post. Also, I’ve shared your web site in my social networks

    http://altodev.ansanbaedal.shop/bbs/board.php?bo_table=free&wr_id=169532

    回覆
  2. Edwardjem表示:
    2024-04-0221:36:06

    zithromax 500 without prescription: zithromax 500mg price – zithromax 500 price

    回覆
  3. GeraldSkese表示:
    2024-04-0219:08:15

    canadian pharmacy: canadian pharmacy 24 – canadian pharmacy tampa

    回覆
  4. GeraldSkese表示:
    2024-04-0216:35:18

    Online medicine order: india pharmacy – indian pharmacy paypal

    回覆
  5. Edwardalorp表示:
    2024-04-0216:23:53

    medication from mexico pharmacy Mexican Pharmacy Online mexico pharmacies prescription drugs

    回覆
  6. Edwardalorp表示:
    2024-04-0216:08:01

    mexican drugstore online cheapest mexico drugs medication from mexico pharmacy

    回覆
  7. GeraldSkese表示:
    2024-04-0215:14:39

    mexican pharmacy: Online Pharmacies in Mexico – buying prescription drugs in mexico online

    回覆
  8. GichardPheve表示:
    2024-04-0215:02:27

    Hi I am so grateful I found your blog page, I really found you by accident, while I was looking on Bing for something else, Nonetheless I am here now and would just like to say thanks for a marvelous post and a all round enjoyable blog (I also love the theme/design), I don’t have time to read through it all at the minute but I have saved it and also added your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the awesome jo.
    аренда номера телефона

    回覆
  9. Charlesutisa表示:
    2024-04-0214:21:35

    top 10 pharmacies in india: Generic Medicine India to USA – reputable indian pharmacies

    回覆
  10. GeraldSkese表示:
    2024-04-0212:54:15

    pharmacies in mexico that ship to usa: mexico pharmacy – mexican mail order pharmacies

    回覆
  11. Charlesutisa表示:
    2024-04-0212:29:08

    purple pharmacy mexico price list: Mexican Pharmacy Online – buying prescription drugs in mexico online

    回覆
  12. GeraldSkese表示:
    2024-04-0211:31:56

    mexico pharmacies prescription drugs: pharmacies in mexico that ship to usa – mexican drugstore online

    回覆
  13. RobertVex表示:
    2024-04-0209:37:46

    buying from online mexican pharmacy: Online Pharmacies in Mexico – best online pharmacies in mexico

    回覆
  14. Edwardalorp表示:
    2024-04-0209:09:57

    indian pharmacy online indian pharmacy best online pharmacy india

    回覆
  15. Edwardalorp表示:
    2024-04-0208:54:53

    п»їbest mexican online pharmacies п»їbest mexican online pharmacies medicine in mexico pharmacies

    回覆
  16. MichaelFedly表示:
    2024-04-0203:44:37

    http://canadianpharmacy24.store/# canadian neighbor pharmacy

    回覆
  17. MichaelFedly表示:
    2024-04-0201:55:12

    https://canadianpharmacy24.store/# best canadian pharmacy to buy from

    回覆
  18. Edwardalorp表示:
    2024-04-0201:54:19

    indian pharmacy paypal reputable indian online pharmacy india pharmacy mail order

    回覆
  19. Edwardalorp表示:
    2024-04-0201:36:06

    canadian pharmacy uk delivery Licensed Canadian Pharmacy canadian pharmacy 365

    回覆
  20. Nyyxvz表示:
    2024-04-0122:14:24

    order atarax 25mg sale – generic endep 25mg amitriptyline 10mg for sale

    回覆
  21. RobertVex表示:
    2024-04-0121:54:48

    canadian drug prices: Prescription Drugs from Canada – best rated canadian pharmacy

    回覆
  22. GeraldSkese表示:
    2024-04-0121:15:34

    mexico drug stores pharmacies: Mexican Pharmacy Online – mexican online pharmacies prescription drugs

    回覆
  23. GeraldSkese表示:
    2024-04-0120:00:58

    india pharmacy: Generic Medicine India to USA – Online medicine order

    回覆
  24. Edwardalorp表示:
    2024-04-0118:26:58

    best online pharmacy india Healthcare and medicines from India indian pharmacy paypal

    回覆
  25. Charlesutisa表示:
    2024-04-0118:16:00

    reputable indian online pharmacy: Cheapest online pharmacy – top 10 pharmacies in india

    回覆
  26. Edwardalorp表示:
    2024-04-0118:10:14

    world pharmacy india Generic Medicine India to USA india online pharmacy

    回覆
  27. GeraldSkese表示:
    2024-04-0116:41:45

    reputable indian pharmacies: Healthcare and medicines from India – indian pharmacy

    回覆
  28. Charlesutisa表示:
    2024-04-0116:25:54

    best canadian pharmacy to order from: canadian pharmacy 24 – canadian neighbor pharmacy

    回覆
  29. GeraldSkese表示:
    2024-04-0113:22:38

    buying prescription drugs in mexico: mexico pharmacy – medicine in mexico pharmacies

    回覆
  30. Edwardalorp表示:
    2024-04-0111:28:16

    medicine in mexico pharmacies mexican pharmacy mexican pharmaceuticals online

    回覆

發佈留言

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