可以用hover属性来实现
hover的写法:a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
下面来句一个例子:
有一段这样的 html:
一般hover这个 css伪类对于除a标签外的标签是不起作用的(FF浏览器下可以起作用,IE6下不可以):如下
img:hover{
border:1px solid #000;/*FF下有效果,IE6下没有效果*/
}
这么好的一个伪类真浪费了!!然而实际上是有办法的实现非a标签 的hover功能的,如下写:
a:hover img{
border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/
}
很简单就实现了,不用编辑麻烦的JS语句了!