为什么不'这个动画功能不起作用

Why doesn't this animation function work?

本文关键字：动画 功能 不起作用 为什么不      更新时间：2023-09-26

因此此代码有效：

<script>
function animate() {
    var x = 0;
    var goUp = document.getElementById('rotationUp');
    var comeDown = document.getElementById('rotationDown');
    goUp.onmouseover = alert(x);
}
</script>

而这不是：

<script>
function animate() {
    var x = 0;
    var goUp = document.getElementById('rotationUp');
    var comeDown = document.getElementById('rotationDown');
    goUp.onmouseover = function() {
    alert(x);
    }
}
</script>

唯一的区别是函数，我哪里出错了？

PS：我需要它作为一个函数

尝试

function animate() {
    var x = 0;
    var goUp = document.getElementById('rotationUp');
    var comeDown = document.getElementById('rotationDown');
    goUp.onmouseover = function() {
        alert(x);
    }
}

尝试全局放置x变量：

<script>
var x = 0;
function animate() {
    var goUp = document.getElementById('rotationUp');
    var comeDown = document.getElementById('rotationDown');
    goUp.onmouseover = function() {
        alert(x);
    }
}
</script>

如果不起作用，请尝试window.x:

        alert(window.x);

或this.x:

        alert(this.x);
相关文章：