鼠标移入移出事件


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM