大家帮忙看看为什么这样写鼠标滑过后不能动

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
        }
        #div1{
            height: 500px;
            width: 200px;
            background-color: blue;
            position: relative;
            left: -200px;
        }
        #div1 span{
            height: 50px;
            width: 20px;
            top: 150px;
            position: absolute;
            background-color: red;
            left: 200px;
        }
    </style>
    <script type="text/javascript">
        window.onload=function() {
            var oDiv = document.getElementById('div1');
            oDiv.onmouseover=function(){
                startMove();
            }
        }
        function startMove(){
            var oDiv = document.getElementById('div1'); 
            setInterval(function(){
            	oDiv.style.left=oDiv.offsetleft+10+'px';
            },30)
        }
    </script>
    <title></title>
</head>
<body>
<div id="div1">
    <span>
        目录
    </span>
</div>
</body>
</html>
qq_都是算计_0
浏览 881回答 1
1回答

随时随地看视频慕课网APP