|
主题: 为什么不能实现呢?
|
 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'; 你上面一个是单引号一个是双引号当然要出错啦
|