问题请教专用帖子

李维强-15级 · 发表于 2016-12-3 13:40:50

[HTML] syntaxhighlighter_viewsource syntaxhighlighter_copycode

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <script type ="text/javascript" src="/Scripts/jquery-1.8.3.min.js" ></script>
    <title>悬挂按钮</title>
    <style>
        body{
            background-color: aliceblue;
        }
        #audio_btn {
            background: aliceblue;
            position:fixed;
            right:1px;
        }

    </style>


</head>
<body>
    <div id="audio_btn" <%--class="rotate"--%>>
        <img id="imgBtn" style="width:50%;height:50%;"  class="rotate" src="../../Content/MICON.png" />
        <audio loop src="../../Content/MICON.png" id="media"></audio>
    </div>
    <script>
        var x = document.getElementById("media");
        //$(function(){
        $("#imgBtn").click(
                function () {
                    //alert("aaa");
                    $("#imgBtn").toggleClass("rotate");
                    if ($("#imgBtn").hasClass("rotate")) {//判断div是否包含指定类名，并指定音乐是否播放
                        x.play();

                    } else {
                        x.pause();
                    }
                }
        );
        //})
    </script>
</body>
</html>

		自动登录	找回密码
密码			立即注册

[讨论] 问题请教专用帖子