HTML 代码:26 个字母点击播放不同 MP3
<!DOCTYPE html>
<html>
<head>
<title>26 个字母点击播放不同 MP3</title>
</head>
<body>
<div>
<audio id='A' src='A.mp3'></audio>
<audio id='B' src='B.mp3'></audio>
<audio id='C' src='C.mp3'></audio>
<audio id='D' src='D.mp3'></audio>
<audio id='E' src='E.mp3'></audio>
<audio id='F' src='F.mp3'></audio>
<audio id='G' src='G.mp3'></audio>
<audio id='H' src='H.mp3'></audio>
<audio id='I' src='I.mp3'></audio>
<audio id='J' src='J.mp3'></audio>
<audio id='K' src='K.mp3'></audio>
<audio id='L' src='L.mp3'></audio>
<audio id='M' src='M.mp3'></audio>
<audio id='N' src='N.mp3'></audio>
<audio id='O' src='O.mp3'></audio>
<audio id='P' src='P.mp3'></audio>
<audio id='Q' src='Q.mp3'></audio>
<audio id='R' src='R.mp3'></audio>
<audio id='S' src='S.mp3'></audio>
<audio id='T' src='T.mp3'></audio>
<audio id='U' src='U.mp3'></audio>
<audio id='V' src='V.mp3'></audio>
<audio id='W' src='W.mp3'></audio>
<audio id='X' src='X.mp3'></audio>
<audio id='Y' src='Y.mp3'></audio>
<audio id='Z' src='Z.mp3'></audio>
</div>
<div>
<button onclick='playAudio('A')'>A</button>
<button onclick='playAudio('B')'>B</button>
<button onclick='playAudio('C')'>C</button>
<button onclick='playAudio('D')'>D</button>
<button onclick='playAudio('E')'>E</button>
<button onclick='playAudio('F')'>F</button>
<button onclick='playAudio('G')'>G</button>
<button onclick='playAudio('H')'>H</button>
<button onclick='playAudio('I')'>I</button>
<button onclick='playAudio('J')'>J</button>
<button onclick='playAudio('K')'>K</button>
<button onclick='playAudio('L')'>L</button>
<button onclick='playAudio('M')'>M</button>
<button onclick='playAudio('N')'>N</button>
<button onclick='playAudio('O')'>O</button>
<button onclick='playAudio('P')'>P</button>
<button onclick='playAudio('Q')'>Q</button>
<button onclick='playAudio('R')'>R</button>
<button onclick='playAudio('S')'>S</button>
<button onclick='playAudio('T')'>T</button>
<button onclick='playAudio('U')'>U</button>
<button onclick='playAudio('V')'>V</button>
<button onclick='playAudio('W')'>W</button>
<button onclick='playAudio('X')'>X</button>
<button onclick='playAudio('Y')'>Y</button>
<button onclick='playAudio('Z')'>Z</button>
</div>
<script>
function playAudio(id) {
document.getElementById(id).play();
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/oX1H 著作权归作者所有。请勿转载和采集!