php响应鼠标,JavaScript_CSS鼠标响应事件经过、移动、点击示例介绍，几种鼠标触发CSS事件。说明：phpStudy...

CSS鼠标响应事件经过、移动、点击示例介绍

几种鼠标触发CSS事件。

说明&＃xff1a;

onMouseDown 按下鼠标时触发

onMouseOver 鼠标经过时触发

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

onMouseOut 鼠标移出时触发

onMouseMove 鼠标移动时触

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

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

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

鼠标经过表格变色样式:

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

td {

/*设置onmouseover事件*/

onmouseover: expression(οnmοuseοver&＃61;function (){this.style.borderColor &＃61;&＃39;blue&＃39;;this.style.color&＃61;&＃39;red&＃39;;this.style.backgroundColor &＃61;&＃39;yellow&＃39;});

/*设置onmouseout事件*/

onmouseout: expression(οnmοuseοut&＃61;function (){this.style.borderColor&＃61;&＃39;&＃39;;this.style.color&＃61;&＃39;&＃39;;this.style.backgroundColor &＃61;&＃39;&＃39;});

background-color:#ffffff;

}

控制表格隔行变色:

简单应用:

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

添加CSS文件引用:

相关阅读:

jquery 淡入淡出效果的简单实现

Java9的一些新特性介绍

mysql乱码问题分析与解决方法

js&＃43;jquery实现图片裁剪功能

C#语法相比其它语言比较独特的地方(三)

web前端优化时为什么不建议使用css &＃64;import

详细讲解Linux系统中pwd命令的使用技巧

解析C&＃43;&＃43;编程中的继承方面的运用

解析在zend Farmework下如何创立一个FORM表单

ASP.NET搭配Ajax实现搜索提示功能

Jquery $when done then的用法详解

在Android 模拟器上安装和卸载APK包的方法

浅谈java中异步多线程超时导致的服务异常

PHP字符过滤函数去除字符串最后一个逗号(rtrim)