zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    bzoj1257 [CQOI2007]余数之和sum
    bzoj1053 [HAOI2007]反素数ant
    bzoj3680 吊打XXX
    CodeVS1344 线型网络
    bzoj1925 [Sdoi2010]地精部落
    2016年北大高代考研题解答
    巴塞尔问题(Basel problem)的多种解法
    积分计算题
    PDF添加水印的办法
    Matlab技巧1:在同一坐标系上绘制两个函数图像
  • 原文地址:https://www.cnblogs.com/cr940808/p/5404075.html
Copyright © 2011-2022 走看看