HTML中如何使表格的边框在鼠标悬停时变色
比如该表格是蓝色，鼠标放在上面就自动变成红色希望哪位高手提供代码。。。我要的是边框变色!!虽然边框变色了，但边框开始没有颜色我想要的是边框一出来就有颜色...
比如该表格是蓝色，鼠标放在上面就自动变成红色
希望哪位高手提供代码
。。。我要的是边框变色!!
虽然边框变色了，但边框开始没有颜色
我想要的是边框一出来就有颜色 展开
希望哪位高手提供代码
。。。我要的是边框变色!!
虽然边框变色了，但边框开始没有颜色
我想要的是边框一出来就有颜色 展开
展开全部
使用jquery为表格绑定鼠标悬停事件
/*---------css样式----------*/
.hover{color:red;}
$(".table_list tr").hover( //$(".table_list tr")选择table的class为table_list下的tr绑定事件
function () {
$(this).addClass("hover"); //鼠标悬停时，改变li的class样式
},
function () {
$(this).removeClass("hover"); //鼠标离开时，取消tr的class样式
}
);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
借用js来动态改变表格的背景色即可，主要用到js事件及样式，如：
###demo
code
<body>
<table
border="0"
cellspacing="1"
cellpadding="1"
bgcolor="#ebebeb"
class="dev_wrap_table">
<tr
class="th">
<td
height="26"
align="center"
bgcolor="#ffffff">id</td>
<td
align="center"
bgcolor="#ffffff">用户名</td>
<td
align="center"
bgcolor="#ffffff">真实姓名</td>
<td
align="center"
bgcolor="#ffffff">开通时间</td>
<td
align="center"
bgcolor="#ffffff">最后登陆</td>
<td
align="center"
bgcolor="#ffffff">管理</td>
</tr>
<tr
bgcolor="#ffffff"
onmouseover="this.bgcolor='#f6f2e2'"
onmouseout="this.bgcolor='#ffffff'">
<td
height="26"
align="center"></td>
<td></td>
<td></td>
<td
align="center"></td>
<td
align="center"></td>
<td
align="center"></td>
</tr>
<tr
bgcolor="#ffffff"
onmouseover="this.bgcolor='#f6f2e2'"
onmouseout="this.bgcolor='#ffffff'">
<td
height="26"
align="center"></td>
<td></td>
<td></td>
<td
align="center"></td>
<td
align="center"></td>
<td
align="center"></td>
</tr>
</table>
</body>
###demo
code
<body>
<table
border="0"
cellspacing="1"
cellpadding="1"
bgcolor="#ebebeb"
class="dev_wrap_table">
<tr
class="th">
<td
height="26"
align="center"
bgcolor="#ffffff">id</td>
<td
align="center"
bgcolor="#ffffff">用户名</td>
<td
align="center"
bgcolor="#ffffff">真实姓名</td>
<td
align="center"
bgcolor="#ffffff">开通时间</td>
<td
align="center"
bgcolor="#ffffff">最后登陆</td>
<td
align="center"
bgcolor="#ffffff">管理</td>
</tr>
<tr
bgcolor="#ffffff"
onmouseover="this.bgcolor='#f6f2e2'"
onmouseout="this.bgcolor='#ffffff'">
<td
height="26"
align="center"></td>
<td></td>
<td></td>
<td
align="center"></td>
<td
align="center"></td>
<td
align="center"></td>
</tr>
<tr
bgcolor="#ffffff"
onmouseover="this.bgcolor='#f6f2e2'"
onmouseout="this.bgcolor='#ffffff'">
<td
height="26"
align="center"></td>
<td></td>
<td></td>
<td
align="center"></td>
<td
align="center"></td>
<td
align="center"></td>
</tr>
</table>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
运用到css伪类的知识，层叠样式表。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
哈哈，那我也改改
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<style>
#aa{
border:5px dashed red
}
#bb{
border:5px dashed blue
}
.cc{
border:5px dashed blue;
}
</style>
</HEAD>
<BODY>
<TABLE width=300 height="300">
<TR>
<TD bgcolor=blue onMouseOver="this.id='aa'" onMouseOut="this.id='bb'" class="cc">d</TD>
</TR>
</TABLE>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<style>
#aa{
border:5px dashed red
}
#bb{
border:5px dashed blue
}
.cc{
border:5px dashed blue;
}
</style>
</HEAD>
<BODY>
<TABLE width=300 height="300">
<TR>
<TD bgcolor=blue onMouseOver="this.id='aa'" onMouseOut="this.id='bb'" class="cc">d</TD>
</TR>
</TABLE>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
