css鼠标事件 [css设置鼠标事件]

怎么设置鼠标样式?不知道的话由小编带你了解。

css设置鼠标事件。

几种鼠标触发CSS事件。

说明：

onMouseDown 按下鼠标时触发。

onMouseOver 鼠标经过时触发。

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

onMouseOut 鼠标移出时触发。

onMouseMove 鼠标移动时触。

代码如下:。

html。

head。

titleCSS 鼠标响应事件/title。

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

lionMouseDown 按下鼠标时触发。

lionMouseOver 鼠标经过时触发。

lionMouseUp 按下鼠标松开鼠标时触发。

lionMouseOut 鼠标移出时触发。

lionMouseMove 鼠标移动时触发 /li。

/ul。

/body。

/html。

代码如下:。

span鼠标经过表格变色样式:br/span。

复制代码 代码如下:。

style。

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;。

}。

/style。

控制表格隔行变色:。

简单应用:。

style type="text/css"。

!——。

tr {background—color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}。

——。

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

style type="text/css"。

!——。

tr {background—color:expression((this.sectionRowIndex%2==0)?"red":"blue")}。

td {background—color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}。

——。

/style。