程序博客网 > 单词带读软件

js的行变色的鼠标事件代码

来源：互联网发布：单词带读软件编辑：程序博客网时间：2024/05/19 02:00

<style type="text/css">
.one {
background-color:#660;}
.two {
background-color:#9F0;}
.over {
background-color:#F69;}
</style>
<script type="text/javascript">
function cY() {
var name;
var idNode = document.getElementById("info");//获得table的id节点
var cNode = idNode.rows;

for(var x=1; x<cNode.length-1; x++) {

//遍历隔行的颜色设置成两种颜色

if(x%2==1) {
cNode[x].className = "one";

}else {cNode[x].className = "two";}

//onmouseover 事件会在鼠标指针移动到指定的对象上时发生颜色改变

cNode[x].onmouseover = function() {
name = this.className;
this.className = "over";
}
cNode[x].onmouseout = function() {
this.className = name;
}
}
}
onload = function () {
cY();
}
</script>

</head>

<body>
<table id="info">
<tr>
<th>
<input type="checkbox" name="it" onclick="getSum" />全选
</th>
<th>收件人</th>
<th>邮件名称</th>
<th>邮件附属信息</th>
</tr>

<tr>
<td>
<input type="checkbox" name="m" />
</td>
<td>张三11</td>
<td>我的邮件名称11</td>
<td>邮件附属信息11</td>
</tr>
<tr>
<td>
<input type="checkbox" name="m" />
</td>
<td>张三11</td>
<td>我的邮件名称11</td>
<td>邮件附属信息11</td>
</tr>

<tr>
<th>
<input type="checkbox" name="ty" />全选
</th>
<th colspan="3">
<input type="button" value="全选" />
<input type="button" value="取消全选" />
<input type="button" value="反选" />
<input type="button" value="删除所选材料" />
</th>
</tr>
</table>
</body>
</html>

0 0

单词带读软件

单词带读软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子六级成绩单没发怎么办 6级成绩单丢了怎么办高三了英语很差怎么办英语ab级考不过怎么办英语b级考试没过怎么办四级序列号忘了怎么办 6级证书丢了怎么办英语b级证书丢了怎么办专八证书丢了怎么办 2个月宝宝肠绞痛怎么办手机后盖开胶了怎么办斗提皮带跑偏怎么办苹果充不进去电怎么办电风扇坏了不转怎么办护师成绩未打印怎么办护师成绩合格后怎么办孕妇尿胆红素1是怎么办孕33周感冒了怎么办孕妇尿蛋白1是怎么办孕妇酮体3个加号怎么办孕妇尿检酮体2是怎么办孕妇尿糖2个加号怎么办孕妇尿糖3个加号怎么办孕妇酮体4个加号怎么办来月经量少发黑怎么办月经量少且发黑怎么办验孕试纸不加深怎么办刚怀孕染了头发怎么办 2个月宝宝不吃奶怎么办孕妇尿隐血1十是怎么办尿葡萄糖2个加怎么办孕妇尿葡萄糖2加怎么办尿的蛋白高怎么办治疗孕妇尿蛋白高是怎么办孕妇尿细菌数高怎么办孕妇尿细菌很高怎么办尿微量总蛋白高怎么办衣服上碳素笔油怎么办卡油泵总成坏了怎么办汽车燃油泵坏了怎么办新车汽油泵坏了怎么办