鼠标移入移出事件

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\';"