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>

  • 相关阅读:
    《信息安全技术》实验四 木马及远程控制技术
    2017-2018-1 20155211 《信息安全系统设计基础》第9周学习总结
    linux 下c语言的pwd 实现
    2017-2018-1 20155211 实验三 实时系统
    信息安全技术 实验三 数字证书应用
    2017-2018-1 20155211 《信息安全系统设计基础》第八周学习总结
    2017-2018-1 20155211 《信息安全系统设计基础》第7周学习总结
    2017-2018-1  20155235 20155211 实验二 固件程序设计
    20155211实验2 Windows口令破解
    恢复旋转排序数组&&旋转字符串
  • 原文地址:https://www.cnblogs.com/cr940808/p/5404075.html
Copyright © 2011-2022 走看看