鼠标的移入移出事件

最新推荐文章于 2023-10-13 20:21:46 发布

最新推荐文章于 2023-10-13 20:21:46 发布 · 471 阅读

文章标签：

#鼠标 #移入移出 #事件

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

一介绍

鼠标的移入和移出事件分别是onmouseover和onmousemove事件。

其中，onmouseover事件在鼠标移动到对象上方时触发事件处理程序，onmousemove事件在鼠标移出对象上方时触发事件处理程序。

可以用这两个事件在指定的对象上移动鼠标时，实现对象的动态效果。

二代码

<script language="javascript">
<!--
function visible(cursor,i)
{ 
	if (i==0)
	{
		alert("100");
	}   
	else
	{
		alert("30");
	} 
}
//--> 
</script>
<table border="0" cellpadding="0" cellspacing="0"> 
 <tr> 
 <td align="center" bgcolor="#CCCCCC">
 <img src="Temp.jpg" border="0" style="filter:alpha(opacity=100)" onMouseOver=
"visible(this,1)" onMouseOut="visible(this,0)" width="148" height="121">
 </td> 
 </tr> 
</table>

三运行结果