CSS 鼠标响应事件,鼠标经过CSS,鼠标移动CSS,鼠标点击CSS
2013-10-11 09:49
501 查看
几种鼠标触发CSS事件。
说明:
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
<html>
<head>
<title>CSS 鼠标响应事件</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>
说明:
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
<html>
<head>
<title>CSS 鼠标响应事件</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>
相关文章推荐
- CSS 鼠标响应事件,鼠标经过CSS,鼠标移动CSS,鼠标点击CSS
- CSS鼠标响应事件经过、移动、点击示例介绍
- CSS鼠标响应事件经过、移动、点击示例介绍
- CSS鼠标响应事件经过、移动、点击示例介绍
- 鼠标响应事件 当鼠标经过/移出时切换css
- js中的事件响应,实现网页交互,鼠标点击、经过等
- QLabel响应鼠标点击事件
- C# winform 无边框窗体鼠标点击移动事件
- cocoa编程,窗口响应鼠标点击事件
- U3D 对象响应鼠标点击事件
- 鼠标点击和光标移动的各种事件
- VC STATIC控件响应鼠标点击事件
- 动态创建的Cstatic Text 响应鼠标点击事件
- <a>标签,鼠标经过或者停留触发延时响应事件
- 手持设备点击响应速度,鼠标事件与touch事件的那些事
- 监听鼠标移动和点击事件并且通过发送广播的形式发出这个绝对坐标
- JS动态生成的元素,其对应的方法不响应(比如单击事件,鼠标移动事件等)
- 安卓4.0响应鼠标左右点击事件
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全
- NGUI之响应鼠标事件(划过、停留、点击等)