如何让鼠标划过td时,bgcolor和td中的字同时变色

shwei001 2002-10-14 02:41:38
RT
...全文
171 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
kellygu 2002-10-14
  • 打赏
  • 举报
回复
楼上的大哥,你的代码虽然当鼠标移过时能改变前景,但是不能改变字体。改变字体要点击文体才会有效力啊!
Reker熊 2002-10-14
  • 打赏
  • 举报
回复
<style type=text/css>
<!--
a.link{color:#000000;text-decoration:none;}
a.hover{color:#ff0000;text-decoration:none;}
-->
</style>
<table style="border:1px #000000 solid">
<tr>
<td onmouseover="this.style.backgroundColor='#f5f5f5'" onmouseout="this.style.backgroundColor='#ffffff'" height=30>
<a href="">哈哈哈</a></td>
</tr>
</table>
潇洒 2002-10-14
  • 打赏
  • 举报
回复
<style>
.kk{background-color:silver ;color:green;}
</style>

<TABLE>
<TR>
<TD onmouseover="this.className='kk'">11111111111</TD>
<TD>11111111111</TD>
</TR>
<TR>
<TD>11111111111</TD>
<TD>11111111111</TD>
</TR>
</TABLE>
希默软件 2002-10-14
  • 打赏
  • 举报
回复
document.fgColor和document.bgColor可以是任意你想要的颜色,我这里取的是交换前景色和背景色

如果要鼠标移开回复,把this.bgColor和this.style.color设置回原来的即可
希默软件 2002-10-14
  • 打赏
  • 举报
回复
<body>
<table border=1>
<tr><td onmouseover="this.bgColor=document.fgColor;this.style.color=document.bgColor">123123123</td></tr>
</table>
</body>

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧