鼠标响应事件 当鼠标经过/移出时切换css

来源:互联网 发布:浙江省定额计价软件 编辑:程序博客网 时间:2024/04/30 12:59
<html>
<head>
<title>gulu77</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.Off{ background-color: #00FF66; padding:100px;}
.Up{background-color: #FF0000; padding:100px}
</style>
</head>


<body>
<ul class=Off onMouseOut="this.className='Off'" onMouseOver="this.className='Up'"> 
<h4>鼠标响应事件 当鼠标经过移出时切换css</h4>
<li>onMouseDown 按下鼠标时触发 
<li>onMouseOver 鼠标经过时触发 
<li>onMouseUp 按下鼠标松开鼠标时触发 
<li>onMouseOut 鼠标移出时触发 
<li>onMouseMove 鼠标移动时触发 </li>
</ul>
</body>
</html>
0 0
原创粉丝点击