onmouseover不会使用我的功能?

时间:2012-11-07 20:30:20

标签: javascript html onmouseover

我目前正在学习使用java脚本,并遇到了我无法解决的问题。 在一个简单的HTM中为了练习我已经制作了一个修改div的上边距的脚本:

var boton = (function () {
var timerId;

return function (margin, element) {
    var i = 2;
    timerId = setInterval (function () {
    if (i > margin) 
        i = 2;
        element.style.marginTop = i + 'px';
        i++;
    }, 100);
}; }) ();

如果我以这种方式调用函数它可以工作:

<script type="text/javascript">
boton (50 , document.getElementById("botondiv"));
</script>

但是,如果我尝试在A标签上的鼠标悬停事件中调用它,它将无法正常工作

<a onmouseover="boton (50 , document.getElementById("botondiv"));" href="#"></a>

我的想法是,当有人在A标签上盘旋时,元素的上边距会被修改。我做错了什么?

1 个答案:

答案 0 :(得分:2)

好吧,你在引号内引用了一个没有转义的引号。

<a onmouseover="boton (50 , document.getElementById("botondiv"));" href="#"></a>

应该是:

<a onmouseover="boton (50 , document.getElementById('botondiv'));" href="#"></a>