jQuery实现的音乐播放试听列表
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>音乐播放试听列表</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="modal-content" id="music_list_box">
<div class="row music_list_li" id="music_list_li_height" style="">
<div class="col-xs-12">
<ol class="list-unstyled user_music_list_ol" id="play_list_ol">
<audio id="myAudio" src="" >你的浏览器不支持音频播放</audio>
<li class="user_music_list">
<label>song1</label>
<a href="#" id="horse" class="user_doplay" name="stoped">
<img src="http://sandbox.runjs.cn/uploads/rs/424/shsayjwv/play.png">
</a>
</li>
<li class="user_music_list">
<label>song2</label>
<a href="#" id="song" class="user_doplay" name="stoped">
<img src="http://sandbox.runjs.cn/uploads/rs/424/shsayjwv/play.png">
</a>
</li>
<li class="user_music_list">
<label>song3</label>
<a href="#" id="horse3" class="user_doplay" name="stoped">
<img src="http://sandbox.runjs.cn/uploads/rs/424/shsayjwv/play.png">
</a>
</li>
<li class="user_music_list">
<label>song4</label>
<a href="#" id="horse4" class="user_doplay" name="stoped">
<img src="http://sandbox.runjs.cn/uploads/rs/424/shsayjwv/play.png">
</a>
</li>
<li class="user_music_list">
<label>song5</label>
<a href="#" id="horse5" class="user_doplay" name="stoped">
<img src="http://sandbox.runjs.cn/uploads/rs/424/shsayjwv/play.png">
</a>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号