鼠标移入移出事件

JS给网页添加交互、功能、修改样式。

复选框：<input type="checkbox" />

鼠标提示框：①将鼠标移入复选框，div显示-display:block;②鼠标移出复选框，div隐藏-display：none;

事件：用户的操作，onmouseover:鼠标移入事件，onmouseout:鼠标移出事件

<input type="checkbox"  onmouseover="div1.style.display='block';" onmoseout="div1.style.dislplay='none';" />

<div id='div1' style="display:none;">Testing MouseEvent</div>

写个兼容：针对ID not defined，在用到ID时，如果不用变量代替的话，就这么写：document.getElementById('某ID')

例如上边用到div的id：div1，可以这样写：

onmouseover="document.getElementById('div1').style.display=''block';"