当前位置: 代码迷 >> JavaScript >> 请教js怎样实现这个效果呢
  详细解决方案

请教js怎样实现这个效果呢

热度:4   发布时间:2013-10-04 21:41:43.0
请问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可以去掉  这样只是明显点
  相关解决方案