您的位置:首页 > Web前端 > CSS

CSS的onmouseover 和onmouseout事件

2013-04-26 13:58 381 查看
td {
text-align: center;
line-height: 30px;
cursor: hand;
color:#027CD1;
/*设置onmouseover事件*/
onmouseover: expression(onmouseover=function (){
this.style.borderColor='';
this.style.backgroundColor='#E5EFF9';
this.style.color='#000';
});

/*设置onmouseout事件*/
onmouseout: expression(onmouseout=function (){
this.style.borderColor='';
this.style.color='';
this.style.backgroundColor=''});
}


这里也可以引申为this.style.backgroundImage='',

$("input[class='buttoncss']").each(function(){
$(this).mouseover(function(){
$(this).css("backgroundImage","url(<%=path%>/image/buttonBG/btnBG.png)");
});
$(this).mouseout(function(){
$(this).css("backgroundImage","url(<%=path%>/image/buttonBG/btnBG2.png)");
});
});

.buttoncss {
font-family: "tahoma", "宋体";
font-size:9pt; color: #444444;
cursor:pointer;
background-image:url(<%=path%>/image/buttonBG/btnBG2.png);
font-style: normal ;
height:25px;
margin-bottom:4px;
width:85px;
border:0px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: