首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-10-04 
请问js怎样实现这个效果呢?两个不关联的div,A与B。鼠标移动到它们任意一个上面,则A与B出现背景色,请问该怎

请问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可以去掉  这样只是明显点

热点排行