网页知识大全网站改版中:主站将改版成软件下载,PPT,个人简历等等内容,现有内容保留到旧版中去。
您所在的位置:首页 > 实例 > 正文

HTML的onmousemove事件属性

作者:onmousemove 来源:原创 日期:2018/10/24 15:10:29 人气:175 加入收藏 标签:onmousemove

onmousemove当鼠标指针移动到图像上时执行一段 JavaScript:

函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。

<head>

<script>

function bigImg(x)

{

x.style.height="80px";

x.style.width="80px";

}


function normalImg(x)

{

x.style.height="128px";

x.style.width="128px";

}

</script>

</head>

<body>


<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" >


<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>

<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>


</body>

</html>


本文网址:http://clewo.net/shili/71.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0