日期:2014-05-16  浏览次数:20359 次

请问js怎样实现这个效果呢?
两个不关联的div,A与B。
鼠标移动到它们任意一个上面,则A与B出现背景色,
请问该怎样实现?
求代码,越详细越好,谢谢

------解决方案--------------------
onmousemove-当用户将鼠标划过对象时触发
onmouseout-当用户将鼠标指针移出对象边界时触发

<script>
function changecolor(color){
                document.getElementById("Div_1").style.background=color;
                document.getElementById("Div_2").style.background=color;
}

</script>
<div onmousemove="changecolor('green')" onmouseout=changecolor('white') id="Div_2" style="border:5px solid red;width:100px;height:100px">fuckDiv</div>
<div onmousemove="changecolor('green')" onmouseout=changecolor('white') id="Div_1"  style="border:1px solid blue;width:100px;height:100px;">thisDiv</div>

------解决方案--------------------
div标签后面的style可以去掉  这样只是明显点