方法一: javascript
function
mouseOver(id)
{
alert(document.getElementById(id).src);
document.getElementById(id).src='images/navigation/3_08.png';
}
![](http://img.e-com-net.com/image/product/46339e8aae704cb1a8b93e7cd90036c0.gif)
<
a href
=
"
index.htm
"
onMouseOver
=
"
mouseOver(1)
"
>
<
img src
=
"
images/navigation/3_08.png
"
id
=
"
1
"
>
<
/
a>
方法二:C#样式的改变
btn.Attributes.Add("class","button");
btn.Attributes.Add("onmouseover","this.className='buttonover'");
btn.Attributes.Add("onmouseout","this.className='buttonout'");
CSS里面对应的部分:
.button{width:100; height:20;BACKGROUND: url("/AppBaGang/images/button/button_v3.gif") repeat-y; border:0 solid silver; COLOR: #ffffff; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal}
.buttonover{width:100; height:20;BACKGROUND: url("/AppBaGang/images/button/button_v4.gif") repeat-y; border:0 solid silver; COLOR: #ffffff; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal}
.buttonout{width:100; height:20;BACKGROUND: url("/AppBaGang/images/button/button_v3.gif") repeat-y; border:0 solid silver; COLOR: #ffffff; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal}
方法三 最简单的:
btnNew.Attributes.Add("onmouseover", "this.src='../Imgs/new_over.gif'");
btnNew.Attributes.Add("onmouseout", "this.src='../Imgs/new_out.gif'");