关于一个函数同时分别控制多个对象

来源:2-2 JS透明度动画

慕工程1089298

2018-09-11 19:34

我这里有三个对象:

        <a href="#"><img id="a" src="1" alt="1"></a>

        <a href="#"><img id="a" src="2" alt="2"></a>

        <a href="#"><img id="a" src="3" alt="3"></a>

现在写一个函数:

window.onload = function(){

    var eDiv = document.getElementById("a");

    eDiv.onmouseover = function(){

        startMove(50);

    }

        eDiv.onmouseout = function(){

        startMove(100);

    }

}

能使这三个对象都实现这个功能吗,如果不可以应该怎样设置呢?

写回答 关注

1回答

  • 丶归途
    2018-09-12 11:54:33
    已采纳

    使用getElementsByTagName来获取‘a’,此时获取的是一个数组对象,包含3个‘a’对象;然后通过数组编号来准确获取其中一个,或者通过循环遍历这个数组来对这3个进行设置。

    一段程序里面id只能是唯一的,不能有两个相同ID,在这儿你可以把ID改为class,然后用getElementsByClassName来获取对象,之后是一样的。

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题