方法一:用
onmouseover和
onmouseout 实现
<asp:Imgbutton runat="server" src="drop.gif" onmouseover="this.src='drop.gif'" onmouseout="this.src='tabs2_2.gif'" />
方法二:用 css 自带的样式去实现。
CSS样式
/*大按钮*/ .btn_big { border-style: none; border-color: inherit; border-width: medium; background-image: url('bt.jpg'); width: 60px; height: 20px; color:#113E75; } /*大按钮滑动后改变样式*/ .btn_big:hover { background-image: url('bt_B.jpg'); color:White; }
按钮引用
<asp:Button ID="btcx" runat="server" Text="查询" CssClass="btn_big" OnClick="btcx_Click" />
原图: 效果图: