馬老師 雲端研究室

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

  1. WilliamSnado表示:
    2024-03-1307:03:23

    aviator game: aviator game – play aviator

    回覆
  2. HowardPlomy表示:
    2024-03-1305:36:29

    aviator: aviator mz – como jogar aviator

    回覆
  3. WilliamSnado表示:
    2024-03-1304:29:51

    aviator sportybet ghana: aviator game bet – aviator sportybet ghana

    回覆
  4. Leonardtoppy表示:
    2024-03-1303:16:51

    http://pinupcassino.pro/# pin up cassino online

    回覆
  5. WilliamSnado表示:
    2024-03-1223:44:47

    aviator betano: aviator betano – aviator bet

    回覆
  6. WilliamSnado表示:
    2024-03-1221:11:01

    aviator jogo: pin up aviator – jogar aviator Brasil

    回覆
  7. Leonardtoppy表示:
    2024-03-1218:04:41

    https://pinupcassino.pro/# pin up bet

    回覆
  8. WilliamSnado表示:
    2024-03-1216:51:35

    jogos que dão dinheiro: melhor jogo de aposta – jogos que dão dinheiro

    回覆
  9. WilliamSnado表示:
    2024-03-1214:34:54

    aviator oyna: aviator – aviator sinyal hilesi

    回覆
  10. WilliamSnado表示:
    2024-03-1210:41:29

    aviator malawi: aviator betting game – aviator malawi

    回覆
  11. Leonardtoppy表示:
    2024-03-1208:57:35

    http://aviatormocambique.site/# aviator bet

    回覆
  12. HowardPlomy表示:
    2024-03-1208:50:21

    estrela bet aviator: jogar aviator online – aviator jogar

    回覆
  13. WilliamSnado表示:
    2024-03-1208:34:38

    aviator mz: jogar aviator – como jogar aviator

    回覆
  14. WilliamSnado表示:
    2024-03-1204:15:45

    aviator game: aviator ghana – aviator ghana

    回覆
  15. WilliamSnado表示:
    2024-03-1201:13:27

    pin up: pin up casino – pin up

    回覆
  16. Leonardtoppy表示:
    2024-03-1122:52:09

    https://aviatoroyunu.pro/# pin up aviator

    回覆
  17. Leonardtoppy表示:
    2024-03-1122:36:41

    http://jogodeaposta.fun/# jogo de aposta

    回覆
  18. Tiyugm表示:
    2024-03-1122:19:39

    buy generic avodart over the counter zantac 300mg uk purchase ranitidine online cheap

    回覆
  19. Iron metal repurposing表示:
    2024-03-1120:20:28

    Metal scrap recycling center Ferrous metal buyback Scrap iron reclaiming center

    Ferrous material recycling excellence, Iron scrap handling equipment, Scrap metal end-of-life management

    回覆
  20. WilliamSnado表示:
    2024-03-1118:27:48

    aviator hilesi: aviator oyunu – aviator oyna slot

    回覆
  21. HowardPlomy表示:
    2024-03-1117:36:49

    aviator: aviator betting game – aviator login

    回覆
  22. HowardPlomy表示:
    2024-03-1115:49:05

    aviator mocambique: jogar aviator – aviator online

    回覆
  23. WilliamSnado表示:
    2024-03-1115:20:39

    aviator: aviator sinyal hilesi – aviator oyna

    回覆
  24. Sicloc表示:
    2024-03-1113:42:28

    simvastatin online buy generic valtrex 1000mg order valacyclovir 500mg pills

    回覆
  25. Leonardtoppy表示:
    2024-03-1112:14:20

    http://jogodeaposta.fun/# jogos que dao dinheiro

    回覆
  26. Howardcoive表示:
    2024-03-1109:58:08

    online love dating flash iframe: https://sweetiefox.pro/# sweetie fox full video

    回覆
  27. JasonPab表示:
    2024-03-1109:32:58

    lana rhoades videos: lana rhoades boyfriend – lana rhoades full video

    回覆
  28. CraigRew表示:
    2024-03-1108:48:50

    http://miamalkova.life/# mia malkova latest

    回覆
  29. JasonPab表示:
    2024-03-1107:46:57

    sweetie fox full video: sweetie fox video – sweetie fox full video

    回覆
  30. Frankmaype表示:
    2024-03-1105:54:08

    eva elfie full videos: eva elfie full video – eva elfie hot

    回覆

發佈留言

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