实例名称

JS代码实现鼠标经过表格时列变色

实例描述

很多例子是讲如何在鼠标移过时，改变当前行的颜色。本例学习如何在鼠标移时，改变当前的颜色。

实例代码

html xmlns="" headtitle标题页-学无忧 width=500 cellspacing=0 rules=groups borderonmouseout=""onmouseover=""colcolcolcoltrtd第一列/tdtd第二列/tdtd第三列/tdtd第四列/td/trtrtd第一列/tdtd第二列/tdtd第三列/tdtd第四列/td/trtrtd第一列/tdtd第二列/tdtd第三列/tdtd第四列/td/trtrtd第一列/tdtd第二列/tdtd第三列/tdtd第四列/td/tr/tablescriptvar cols="table";u00a0u00a0 //获取所有列function setColor0senderu00a0=="TD"u00a0u00a0u00a0u00a0 ="";//鼠标移走时，取消颜色function setColor1senderu00a0=="TD"u00a0u00a0u00a0u00a0 ="gray";//鼠标移过来时，改变颜色/script/body/html

运行效果

难点剖析

本例的重点是获取当前列。在传递事件参数时，使用“”传递当前操作的对象。使用“sender．tagName”判断当前操作对象是否是列，如果是，则将当前所有列的背景色都改变。

源码下载