限额`成1册1 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            function moveToBlue(){
                var e = document.querySelector("#btn_blue");
                var e2 = document.querySelector("#btn_green");
                var div = document.querySelector("#content");
                e.style.border = "1px solid #ccc";
                e.style.backgroundColor = "white";
                e2.style.border = "none";
                e2.style.backgroundColor = "none";
                div.style.backgroundColor = "blue";
            }
            function moveToGreen(){
                var e = document.querySelector("#btn_blue");
                var e2 = document.querySelector("#btn_green");
                var div = document.querySelector("#content");
                e2.style.border = "1px solid #ccc";
                e2.style.backgroundColor = "white";
                e.style.border = "none";
                e.style.backgroundColor = "none";
                div.style.backgroundColor = "green";
            }
        </script>
    </head>
    <body>
        <div style="width: 100px;height: 50px;">
            <button id="btn_blue" style="width: 45px;"onmousemove="moveToBlue()">蓝色</button>
            <button id="btn_green" style="width: 45px;"onmousemove="moveToGreen()">绿色</button>
            <div id="content" style="background-color: blue;width: auto;height: 50px;"></div>
        </div>

        <br />
        <img id="myimg" src="http://www.w3school.com.cn/i/eg_mouse.jpg" style="display: none;">
    </body>
</html>
posted @ 2019-06-29 10:42  若汐兮  阅读(149)  评论(1)    收藏  举报