馬老師 雲端研究室

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

  1. WilliamSnado表示:
    2024-03-1423:14:33

    aviator bet malawi login: aviator bet malawi – aviator betting game

    回覆
  2. Tbrpal表示:
    2024-03-1422:39:00

    purchase ciprofloxacin without prescription – buy keflex 500mg generic purchase amoxiclav for sale

    回覆
  3. HowardPlomy表示:
    2024-03-1422:09:45

    jogar aviator: como jogar aviator – como jogar aviator

    回覆
  4. EarnestAvada表示:
    2024-03-1419:33:38

    What’s up to all, as I am genuinely eager of reading this weblog’s post to be updated daily. It contains fastidious data.

    http://maps.google.tg/url?q=https://hottelecom.biz/hi/

    回覆
  5. WilliamSnado表示:
    2024-03-1419:25:15

    aviator betting game: aviator game online – aviator bet

    回覆
  6. Shaneevige表示:
    2024-03-1418:32:21

    Pretty section of content. I just stumbled upon your site and in accession capital to assert that I get actually enjoyed account your blog posts. Anyway I will be subscribing to your augment and even I achievement you access consistently rapidly.

    http://fronte.biz/__media__/js/netsoltrademark.php?d=hottelecom.biz/hi/

    回覆
  7. BrianRof表示:
    2024-03-1417:58:30

    http://aviatoroyunu.pro/# aviator

    回覆
  8. WilliamSnado表示:
    2024-03-1417:24:01

    melhor jogo de aposta para ganhar dinheiro: depósito mínimo 1 real – aplicativo de aposta

    回覆
  9. Juliovophy表示:
    2024-03-1416:51:02

    zithromax purchase online: azithromycin zithromax 500mg price zithromax order online uk

    回覆
  10. WilliamSnado表示:
    2024-03-1414:10:06

    pin up bet: pin-up casino login – aviator pin up casino

    回覆
  11. WilliamSnado表示:
    2024-03-1412:21:14

    pin up aviator: aviator game – estrela bet aviator

    回覆
  12. WilliamSnado表示:
    2024-03-1408:57:17

    jogar aviator: como jogar aviator – aviator bet

    回覆
  13. WilliamSnado表示:
    2024-03-1407:07:07

    como jogar aviator: aviator – aviator mz

    回覆
  14. BrianRof表示:
    2024-03-1406:46:19

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

    回覆
  15. Thomasrib表示:
    2024-03-1403:56:47

    aviator mocambique: aviator mocambique – aviator mz

    回覆
  16. WilliamSnado表示:
    2024-03-1403:41:34

    aviator bahis: aviator oyna slot – pin up aviator

    回覆
  17. HowardPlomy表示:
    2024-03-1402:51:24

    aviator game online: aviator – aviator ghana

    回覆
  18. WilliamSnado表示:
    2024-03-1401:41:21

    aviator online: como jogar aviator em moçambique – aviator bet

    回覆
  19. HowardPlomy表示:
    2024-03-1401:02:32

    pin-up casino login: cassino pin up – pin-up

    回覆
  20. StephenDeery表示:
    2024-03-1323:36:47

    Hi, its good paragraph about media print, we all know media is a great source of information.

    https://cse.google.is/url?sa=t&url=https://didvirtualnumbers.com/tr/

    回覆
  21. WilliamSnado表示:
    2024-03-1322:15:18

    ganhar dinheiro jogando: jogo de aposta – jogo de aposta

    回覆
  22. WilliamSnado表示:
    2024-03-1320:28:28

    jogar aviator: aviator bet – jogar aviator

    回覆
  23. WilliamSnado表示:
    2024-03-1317:23:29

    aviator online: como jogar aviator em moçambique – aviator moçambique

    回覆
  24. WilliamSnado表示:
    2024-03-1315:39:47

    aviator malawi: play aviator – aviator

    回覆
  25. WilliamSnado表示:
    2024-03-1312:33:53

    aviator betting game: aviator – aviator game

    回覆
  26. Uzvxeu表示:
    2024-03-1311:17:32

    ampicillin price amoxil online buy buy amoxicillin online

    回覆
  27. WilliamSnado表示:
    2024-03-1310:50:21

    pin up cassino online: pin-up – pin up casino

    回覆
  28. Eyqzmp表示:
    2024-03-1309:29:32

    oral finpecia finpecia order order fluconazole pills

    回覆
  29. Roberttom表示:
    2024-03-1308:24:45

    https://aviatorghana.pro/# aviator betting game

    回覆
  30. HowardPlomy表示:
    2024-03-1307:26:43

    pin up aviator: estrela bet aviator – pin up aviator

    回覆

發佈留言

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