Question

如何多个DIV使用同一个js

{dede:arclist row="4"}
<div class="remen1" id="scale" onMouseOver="change()" onMouseOut="change2()"><a href="[field:arcurl/]" target="_blank"><img src="[field:litpic/]" title="[field:title/]"></a></div>
{/dede:arclist} 用织梦循环出4个
function change()
{
document.getElementsByid("scale").style.transform="scale(1.05)";
document.getElementsByid("scale").style.transition="1s"
}

function change2()
{
document.getElementByid("scale").style.transform="scale(1.00)";
document.getElementByid("scale").style.transition="1s"

Answer 1

onMouseOver="change()" onMouseOut="change2()"
都改成
onMouseOver="change(this)" onMouseOut="change2(this)"
function change2()和 function change()

都改成
function change2(that) 和 function change(that)

然后
把里面的 document.getElementByid("scale") 都改成 that

Answer 2

css
div[class^="remen"]{
transition:transform 1s;
transform:scale(1);
}
div[class^="remen"]:hover{
transform:scale(1.05)
}

Answer 3

一个div调两个方法？同时？