HTML DOM 节点 |
HTML DOM 方法 |
HTML DOM 属性 |
HTML DOM 访问 |
HTML DOM - 修改 |
HTML DOM - 元素 |
HTML DOM - 事件 |
HTML DOM 导航 |
HTML DOM 总结 |
当前阅读教程:HTML DOM 教程 > onmouseover和onmouseout 事件 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: onchange 事件 | 下一篇: onmousedown、onmouseup 以及 onclick 事件 |
onmouseover 和 onmouseout 事件可用于在鼠标指针移动到或离开元素时触发函数。 实例 <!doctype html> <html> <head> <meta charset="utf-8"> <title>onmouseover 和 onmouseout 事件(2d5.net小白教程网)</title> </head> <body> <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#f2f2f2;width:150px;height:20px;padding:20px;"> 我是默认文字 </div> <script> function mOver(obj) { obj.innerHTML="鼠标移动到上面来" } function mOut(obj) { obj.innerHTML="鼠标移动走了" } </script> </body> </html> 效果图 |
|
上一篇: onchange 事件 | 下一篇: onmousedown、onmouseup 以及 onclick 事件 |