Put the mouse on the picture to replace the picture, change the style.

Put the mouse on the picture to replace the picture, change the style.

Method One: With

onmouseover and

onmouseout implementation

<asp:imgbutton  runat="server" src="drop.gif" onmouseover="this.src=" Drop.gif '"onmouseout="this.src= ' tabs2_2.gif '"/>      

Method Two: Use CSS's own style to implement.

CSS Styles

 /* big button */.btn_big{border-style:none; Border-color:inherit; Border-width:medium; Background-image:url ( ' bt.jpg  ' /* large button sliding after changing style */.btn_big:hover{Background-image:url ( "bt_b.jpg< Span style= "color: #800000;" > ' 

Button reference

<asp:button id="btcx" runat="server" text=" query " cssclass="btn_big " onclick="btcx_click "/>             

Put the mouse on the picture to replace the picture, change the style.