1.先在HTML设置两个box:
<div id="box1"></div>
<div id="box2"></div>
2、在CSS中设置样式:
text-align和line-height同时设置可以使文字垂直居中
#box1,
#box2{
width: 200px;
height: 50px;
background-color: #999;
margin: 30px auto;
text-align: center;
line-height: 50px;
color: #fff;
}
3、设置js:
先获取dom元素:
//获取dom元素
var box1=document.getElementById('box1');
var box2=document.getElementById('box2');
box1与box2的移入事件与移出事件:
//移入事件
box1.onmouseenter=function(){
box2.innerHTML='鼠标移入了box1';
}
//移出事件
box1.onmouseleave