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>

  • 相关阅读:
    Another option to bootup evidence files
    切莫低估了使用者捍卫个人隐私的强烈意志
    如何验证证书绑定?
    How to verify Certificate Pinning?
    iDevice取证的一大突破
    Do you know how many stuff inside your Google Account?
    Use LiveCD to acquire images from a VM
    完成评论功能
    从首页问答标题到问答详情页
    首页列表显示全部问答,完成问答详情页布局。
  • 原文地址:https://www.cnblogs.com/cr940808/p/5404075.html
Copyright © 2011-2022 走看看