鼠标放到图片上替换图片,改变样式。
方法一:用
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" />
原图: 效果图:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步