鼠标的移入移出事件

原创 2017年04月12日 10:37:45
一 介绍
鼠标的移入和移出事件分别是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>
 
三 运行结果

 
  • 53910c19-9ecc-33ed-a3f2-41f3277f08e2-thumb.png
  • 大小: 2.9 KB
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript:实现鼠标的悬停及移出事件

Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行! 事件句柄 (E...

jQuery事件-div的显示隐藏及鼠标的移入移出

jQuery事件-div的显示隐藏及鼠标的移入移出 .header{ width:302px; height:40px; background:green; font-size:20px; ...

鼠标移入移出事件图片更换

function mouseOver()     {         document.image1.src="../../Content/themes/login/image/jiben-001.p...

JS鼠标移入,移出事件

该事件的效果就像百度首页的设置选项,当鼠标移入,移出时的效果,废话不多说了,直接上码。             百度     ·····························...
  • yu9696
  • yu9696
  • 2017年04月01日 11:12
  • 3191

jQuery 鼠标移入移出事件切换

jQuery 鼠标移入移出事件切换
  • shuair
  • shuair
  • 2017年04月13日 17:29
  • 7390

mouse添加鼠标移出移入事件 两种方法

给mouse添加鼠标移出移入事件 两种方法var elements : Array = [obj1, obj2, obj3, obj4];for each(var element : IEventDi...

JQery鼠标移入,移出触发方法

总结:1、我在项目中遇到个问题,鼠标移到该文字区域的时候,就显示一个下拉区域。移开这个下拉区域的时候,就隐藏这块区域,当然这块区域是浮在页面主体上的。刚开始的时候,以为在要触发的文字区域这块加上onm...

网页基础第4课之“简单的JS与CSS结合--鼠标移入移出事件”

题目: 在HTML文档中包含一个超链接,要实现当鼠标移入该链接时,超链接文本大小变为30px (提示鼠标移入事件为 onmouseover="") 我爱你陈坤...

jquery 使用鼠标移入移出

当鼠标指针穿过元素时,会发生 mouseenter 事件。 该事件大多数时候会与 mouseleave 事件一起使用。 $(".photo-wall .move-box .item ").mo...

【Unity3D UGUI】事件接口(一) 鼠标移入、移出

Unity3D UGUI 事件接口系列之 IPointerEnterHandler 接口与IPointerExitHandler 接口。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标的移入移出事件
举报原因:
原因补充:

(最多只允许输入30个字)