dreamweaverCS5，鼠标经过时如何改变表格、div的背景颜色？_IT百科

用 hover 选择器直接作用于需要改变的表格或者 div 就可以了，例如

<head>

<title>hover</title>

div{width:100px;height:100px;background:green;}

div:hover{background:red;}

</style></head>

<body>

</body></html>

这个 div 一开始显示背景颜色是绿色，鼠标指向变成红色

其实就是给当前行添加一个样式和从当前样式中删除一个定义

thisclassName += ' hover';

是给当前TR元素追加一个样式定义,因为class属性中可以有多个用空格分隔的值,所以,为了不将其原有的样式覆盖,这里是通过+=进行追加,也就是想当于thisclassName = thisclassName + ' hover';

这里定义的样式名与伪类同名,但在CSS样式定义中使用的是点号,说明它是样式名而不是伪类

thisclassName = thisclassnamereplace(/hover/, '');

则是将样式名称hover从当前样式定义中删除,这里用的是替换法,就是把hover字样替换为空字符串,这样就相当于删除了,但可以保留该样式定义中的其它值

这是WPS表格软件中的“阅读模式”关闭该模式后，点击单元格就不会高亮显示了，关闭方法如下：

一、如下图，这是WPS表格中的一个功能，注意区分，Excel是没有该功能的。

二、要关闭这一功能，首先点击进入“视图”菜单。

三、在视图菜单下找到“阅读模式”，点击一下“阅读模式”即可关闭。

四、如下图，关闭阅读模式后，点击一个单元格后就不会再高亮显示了。

利用链接<a>及a：hover改变单元格的css样式。

:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示：:hover 选择器可用于所有元素，不只是链接。

提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。

注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。

<!--

a:link {

color: #11ef06;

text-decoration: none;

}

a:hover {

font-size: 14px;

font-weight: bold;

color: #CC3300;

text-decoration: none;

}

欢迎分享，转载请注明来源：内存溢出

dreamweaverCS5，鼠标经过时如何改变表格、div的背景颜色？