社区
JavaScript
帖子详情
如何让鼠标划过td时,bgcolor和td中的字同时变色
shwei001
2002-10-14 02:41:38
RT
...全文
176
5
打赏
收藏
如何让鼠标划过td时,bgcolor和td中的字同时变色
RT
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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>
鼠标
移动
变色
代码
通过`onmouseover`和`onmouseout`事件处理器,当
鼠标
悬停在`<
td
>`元素上
时
,改变其背景颜色、边框颜色和文
字
颜色;当
鼠标
移出
时
,恢复原状。这里使用了IE特有的`filters`属性,以实现颜色的渐变过渡。 最后,在`...
网页特效代码 跟随
鼠标
的
变色
文
字
### 知识点详解:跟随
鼠标
的
变色
文
字
网页特效 #### 一、网页特效概述 在现代网页设计
中
,为了提升用户体验与视觉效果,开发者经常会在页面
中
加入各种动态效果,这些效果统称为“网页特效”。通过JavaScript、CSS3...
js控制table的tr
变色
本文将详细介绍如何利用 JavaScript 来实现
鼠标
悬停
时
表格行 (`tr`) 背景颜色变化的效果,并获取表格单元格 (`
td
`) 的值。 #### 1. 知识点概述 本文主要涉及以下知识点: - 使用 `event` 对象获取当前触发事件的...
鼠标
移动到某个单元格上后,整个列都
变色
的实现方法
根据提供的信息,我们可以详细探讨如何实现“
鼠标
移动到某个单元格上后,整个列都
变色
”的功能。此功能在网页开发
中
常用于提高用户体验,让用户更直观地识别所选
中
的列或行。 ### 实现原理 为了实现该功能,我们...
网页设置小知识
对于链接
字
变色
,可以在
中
定义Alink、Avisited和A:hover的状态,分别对应未访问、已访问和
鼠标
悬停
时
的颜色。 3. 设置网页的背景图像: 背景图像可以通过标签的BACKGROUND属性设置,如`...
JavaScript
87,994
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章