IT虾米网

鼠标的移入移出事件

luoye 2022年06月12日 编程语言 2486 0
一 介绍  
鼠标的移入和移出事件分别是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>
三 运行结果  
 
 


    评论关闭
    IT虾米网

    微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

    鼠标移动事件