主题:  为什么不能实现呢?

gf00si

职务:普通成员
等级:1
金币:1.0
发贴:156
注册:2001/11/27 12:58:24
#12002/3/31 2:02:04
onmouseover="this.className='bg_on';onmouseout="this.className='bg_off';
我先定义好CSS(外部连接式),再在需要的地方使用上面的语句来调用,可是就是无法实现鼠标悬停变色效果,能不能告诉我出了什么问题?



5DDreamweaver版主

职务:版主
等级:3
金币:10.0
发贴:1031
注册:2001/10/13 14:38:50
#22002/3/31 21:38:33

可以用伪类

hve的大作

引用:

a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */
a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */
(上面这个例子中,这个链接未访问时的颜色是红色并无下划线,访问后是绿色并无下划线,激活链接时为蓝色并有下划线,鼠标在链接上时为紫色并有下划线)
注意:有时这个链接访问前鼠标指向链接时有效果,而链接访问后鼠标再次指向链接时却无效果了。这是因为你把a:hover放在了a:visited的前面,这样的话由于后面的优先级高,当访问链接后就忽略了a:hover的效果。所以根据叠层顺序,我们在定义这些链接样式时,一定要按照a:link, a:visited, a:hover, a:actived的顺序书写。



I''MAD

职务:普通成员
等级:8
金币:11.0
发贴:9502
注册:2001/9/16 20:00:53
#32002/3/31 22:02:10
gf00si在上个帖子中说
引用:
onmouseover="this.className='bg_on';onmouseout="this.className='bg_off';
我先定义好CSS(外部连接式),再在需要的地方使用上面的语句来调用,可是就是无法实现鼠标悬停变色效果,能不能告诉我出了什么问题?

onmouseover="this.className='bg_on';onmouseout="this.className='bg_off';
你上面一个是单引号一个是双引号当然要出错啦