为什么没效果，求解答-慕课网

为什么没效果，求解答

来源：2-1 JS速度动画

精慕门4072777

2018-06-08 13:38

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标移入</title>
    <style>
        body,div,span{
            margin: 0;
            padding: 0;
        }
        #div1{
            width: 200px;
            height: 200px;
            background-color: red;
            position: relative;
            left: -200px;
        }
        #div1 span{
            width: 40px;
            line-height: 100px;
            background-color: #336699;
            color: #ffffff;
            position: absolute;
            left: 200px;
            top: 50px;
        }
    </style>
</head>
<body>
<div id="div1"><span id="share">分享</span></div>
<script>
    window.onload=function(){
        var moveDiv=document.getElementById("div1");
        moveDiv.mouseover=function(){
            startMove();
        }
    };
    function startMove() {
        var moveDiv=document.getElementById("div1");
        setInterval(function () {
            moveDiv.style.left=moveDiv.offsetLeft+10+'px';
        },30)
    }
</script>
</body>
</html>

写回答关注

1回答

精慕门4072777

2018-06-08 13:45:51

已解决

2 0

精慕门407... 回复任啊

moveDiv.mouseover=function(){ startMove(); }这儿写错了，应该是onmouseover

2018-06-19 15:38:45

共 2 条回复 >

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113925 学习 · 1443 问题

相似问题

回答 2

回答 5

回答 1

为什么没效果呢

回答 2

为什么我的程序没有效果，求指导！

回答 1

打开慕课网App查看更多内容