onmouseover属性用来获取或设置当前元素的mouseover事件的事件处理函数
当鼠标指针移至图片之上时运行脚本:
<!DOCTYPE html> <html> <head> <title>HTML onmouseover 事件属性的使用(菜鸟教程 (cainiaojc.com))</title> </head> <body> <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32"> <p>用户将鼠标悬停在图像上时,将触发bigImg()函数。此功能放大图像。 当鼠标指针移出图像时,将触发normalImg()函数。该功能将图像的高度和宽度设置为正常。</p> <script> function bigImg(x) { x.style.height = "64px"; x.style.width = "64px"; } function normalImg(x) { x.style.height = "32px"; x.style.width = "32px"; } </script> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 onmouseover 事件属性
当鼠标指针移到某个元素上时,会触发onmouseover属性。
提示: onmouseover属性通常与onmouseout属性一起使用。
注意: onmouseover 属性不能使用于以下元素:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。
没有。
<element onmouseover="script">
值 | 描述 |
---|---|
script | 规定该onmouseover事件触发时执行的脚本。 |