您的位置：首页 > 其它

【转】onmouseout 等一系列事件的用法简单举例

2012-09-05 10:29 113 查看
onmouseout、onmouseover、onkeydown、onkeyup、onkeypress等事件。

onmouseout事件，会在鼠标指针移出指定的对象时发生。

实例1

在下面的例子中，我们将在鼠标指针移出图像时显示一个对话框：

<imgsrc="/i/example_mouse2.jpg"alt="mouse"
[code]onmousemove="alert('您的鼠标刚才离开了图片！')"
/>[/code]

实例2
下面的例子中，我们将在网页上添加一个用作连接按钮的图像，然后我们会添加onMouseOver和onMouseOut事件，这样就可以在运行两个JavaScript函数来切换两幅图像：
[code]<html>
<head>
<scripttype="text/javascript">
functionmouseOver()
{
document.getElementById('b1').src="/i/eg_mouse.jpg"
}
functionmouseOut()
{
document.getElementById('b1').src="/i/eg_mouse2.jpg"
}
</script>
</head>

<body>
<ahref="http://www.w3school.com.cn"
[code]onmouseover="mouseOver()"onmouseout="mouseOut()"
>
<imgalt="VisitW3School!"src="/i/example_mouse2.jpg"id="b1"/>
</a>
</body>
</html>[/code]
实例3
<ahref='javascript:void(0)'onclick="Hc();returnfalse;"
onmouseover="JavaScript:this.style.color='#FF0000'"onmouseout="JavaScript:this.style.color='#000000'"><%#Eval("文件名")%>
</a>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航