css设置鼠标事件的方法

css设置鼠标事件的方法

　　习惯于使用 Windows 的用户对各种各样的鼠标样式一定不会陌生，当鼠标移动到不同的地方时，当鼠标需要执行不同的功能时，当系统处于不同的状态时，都会使鼠标形状发生改变。下面小编给大家整理了几种鼠标触发CSS事件的代码，供大家参阅。

　　说明：

　　onMouseDown 按下鼠标时触发

　　onMouseOver 鼠标经过时触发

　　onMouseUp 按下鼠标松开鼠标时触发

　　onMouseOut 鼠标移出时触发

　　onMouseMove 鼠标移动时触

　　代码如下:

　　.Off{ background-color: #00FF66; padding:100px;}

　　.up{background-color: #FF0000; padding:100px}

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

　　onMouseDown 按下鼠标时触发

　　onMouseOver 鼠标经过时触发

　　onMouseUp 按下鼠标松开鼠标时触发

　　onMouseOut 鼠标移出时触发

　　onMouseMove 鼠标移动时触发

　　代码如下:

　　鼠标经过表格变色样式:

　　复制代码 代码如下:

　　table { background-color:#000000; cursor:hand; width:100%; }

　　td {

　　/*设置onmouseover事件*/

　　onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

　　/*设置onmouseout事件*/

　　onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});

　　background-color:#ffffff;

　　}

　　控制表格隔行变色:

　　简单应用:

　　高级应用:每个单元格变色

【css设置鼠标事件的方法】相关文章：

css设置层透明实例07-16

如何设置鼠标的速度06-29

无线鼠标对码模式设置08-13

CSS简写方法总结06-27

无线鼠标对码模式怎么设置10-11

win7鼠标设置在哪里08-25

CSS让网页设计简单的方法07-31

dreamweaver知识：CSS样式表设置网页07-07

css如何设置全屏背景图片08-23

Win8如何设置鼠标相关属性09-21