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>

  • 相关阅读:
    POJ 3667 & HDU 3308 & HDU 3397 线段树的区间合并
    HDU 5992 kd-tree
    BZOJ 4154 kd-tree dfs序 + 二维空间的区间(矩阵)更新单点查找
    BZOJ 4066 kd-tree 矩形询问求和
    BZOJ 1941 kd-tree
    BZOJ 2648 kd-tree模板
    HDU 5925 离散化
    php trait
    php命名空间
    js
  • 原文地址:https://www.cnblogs.com/cr940808/p/5404075.html
Copyright © 2011-2022 走看看