我的查询列表 行已经定义了 奇偶 行显示不通颜色,现在想在这个基础上再加个功能,就是,当鼠标置 某行上,该行高亮显示,移开不高亮,该高亮色 区别与奇偶行颜色。
我加了个js方法,js能判断出事件了,但是颜色加不上去,该如何解决啊?
" onmouseover="changeBgcolor(this,1)" onmouseout="changeBgcolor(this,2)">js方法如下:
/**
鼠标移到行上,此行背景变为粉红,鼠标移开,背景颜色消失
*/
function changeBgcolor(tr,num){
if(num==1){
tr.bgColor = "pink";
}else if(num == 2){
tr.bgColor = "";
}
}
[quote]这样是可以了,不过有个问题,鼠标高亮的不是行,变成单元格了。能不能实现行高亮呀? [/quote]
td继承了tr上绑定的事件所致!!!
那你给每个tr加个id把,然后把id直接传过去
[code="html"]
[quote]tr.bgColor = "pink"; [/quote]
改为
tr.style.background = 'pink';
tr.style.background = 'pink';
也可以定义一组css样式
tr:hover{
background:pink;
}
[code="javascript"]
function changeBgcolor(evt,num){
evt = evt || window.event;
var target = evt.target || evt.srcElement;
tr.style.background = 'pink';
[/code]
[code="html"]
写错了,是这样的
[code="javascript"]
function changeBgcolor(evt,num){
evt = evt || window.event;
var target = evt.target || evt.srcElement;
target.style.background = 'pink';
}
[/code]
[quote]
也可以定义一组css样式
tr:hover{
background:pink;
}
[/quote]
tr的hover不支持IE的