鼠标的移入移出事件

原创 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
版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery 鼠标移入移出事件切换

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

JS鼠标移入,移出事件

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

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

jQuery事件-div的显示隐藏及鼠标的移入移出 .header{ width:302px; height:40px; background:green; font-size:20px; ...
  • u014740338
  • u014740338
  • 2015年01月18日 22:24
  • 9610

当鼠标移入移出div时,触发事件(此处为图片的可见和不可见)

onmouseover='showDel(this)' onmouseout='hideDel(this)' class='selector" + quesNum + " selector-st...
  • zhangqun23
  • zhangqun23
  • 2016年08月08日 09:08
  • 1638

鼠标移入事件 动态元素 事件委托 鼠标移入移出 弹出对话框事件

// 因为div是动态生成的 所以要用事件委托   function showRectification(num){     $(document).on("mouseover","#suggesti...
  • RobertTony_Java
  • RobertTony_Java
  • 2017年07月25日 15:53
  • 411

hover事件1,鼠标移入改变css样式

通过鼠标移入的hover事件改变标签的css样式
  • sinat_34349564
  • sinat_34349564
  • 2016年07月27日 15:12
  • 2710

鼠标移入移出事件

  • 2014年05月25日 11:12
  • 14KB
  • 下载

JS之鼠标移入移出事件2

写了两种JS的方法,其实都是一样的。只不过一个是放在body之前,利用事件加载方法;一个是放在代码的最后面; 1. #div1 { width: 200px;...
  • qq_19004625
  • qq_19004625
  • 2016年10月29日 22:18
  • 641

鼠标移入移出事件的多种方法实现

Insert title here ul{ border:2px solid #CCC; margin:10px auto; padding-left:0; li...
  • wangqing84411433
  • wangqing84411433
  • 2017年04月29日 23:44
  • 628

jquery鼠标移入移出变色和单击隐藏出现事件

$(document).ready(function () { //鼠标移入变红色 $("li").mouseover(function (){ $(this)...
  • u014185792
  • u014185792
  • 2014年03月19日 14:50
  • 4003
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标的移入移出事件
举报原因:
原因补充:

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