主营业务:网站制作 网站优化 小程序制作 石家庄网站制作网站建设有限公司欢迎您!
石家庄闪云网络科技有限公司
客服热线15383239821
如何让自己的网站更有质量?

onmouseout 等一系列事件的用法简单举例 .

发布时间:2014/6/13 9:37:07

onmouseout、onmouseover、onkeydown、onkeyup、onkeypress等事件。

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

实例 1

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

<img src="/i/example_mouse2.jpg" alt="mouse"onmousemove="alert('您的鼠标刚才离开了图片!')" />


实例 2

下面的例子中,我们将在网页上添加一个用作连接按钮的图像,然后我们会添加 onMouseOver 和 onMouseOut 事件,这样就可以在运行两个 JavaScript 函数来切换两幅图像:

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>

<body>
<a href="http://www.w3school.com.cn" 
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="/i/example_mouse2.jpg" id="b1" />
</a>
</body>
</html>


实例 3

<a href='javascript:void(0)' onclick="Hc();return false;"    onmouseover="JavaScript:this.style.color='#FF0000'" onmouseout="JavaScript:this.style.color='#000000'"><%#Eval("文件名")%>

</a>

 

上一篇: 没有了
下一篇: 没有了

相关新闻推荐

在线客服 : 服务热线:15383239821 电子邮箱: 27535611@qq.com

公司地址:石家庄市新华区九中街江西大厦4062

备案号:冀ICP备2022000585号-4