UC知道鼠标点击字体变色问题
来源：百度知道 编辑：UC知道 时间：2024/06/04 11:45:59
<style>
.xmenu td{font-size:14px;valign:middle;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:0px;background:Transparent;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script>
function attachXMenu(objid){
var tds=objid.getElementsByTagName('td');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='e8ad7e'; //这是鼠标移上去时的背景颜色
style.border='0px solid '; //边框
style.color='#004fbe'; //文字颜色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='Transparent'; //这是鼠标离开时的背景颜色
style.border='0px solid '; //边框
style.color='#ffffff'; //文字颜色
filters[0].play();
}
}
}
}
}
</script>
<ta
.xmenu td{font-size:14px;valign:middle;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:0px;background:Transparent;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script>
function attachXMenu(objid){
var tds=objid.getElementsByTagName('td');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='e8ad7e'; //这是鼠标移上去时的背景颜色
style.border='0px solid '; //边框
style.color='#004fbe'; //文字颜色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='Transparent'; //这是鼠标离开时的背景颜色
style.border='0px solid '; //边框
style.color='#ffffff'; //文字颜色
filters[0].play();
}
}
}
}
}
</script>
<ta
你说的那样好麻烦的，还不如在页面的head里面加个类选择器，之后在你要添加的地方添加onMouseOver属性和onMouseOut属性，给你个例子：
<head>
<STYLE type="text/css">
a{text-decoration:none;}去除超链接下划线
.onMouseOver{color:#ff0000;}让字体变为红色
.onMouseOut{color:#000000;}让字体变为黑色
</STYLE>
</head>
下面是要在<A>标记里面添加鼠标移入（onMouseOver）和移出(onMouseOut)事件
<a href="#" onMouseOver="className='onMouseOver='" onMouseOut="className='onMouseOut'">
这是一个让超链接变色的例子