在.aspx文件中如下定义:
- <html>
- <head runat="server">
- <title>Sigoway测试</title>
- <script language="javascript">
- //更改ImageButton的图片
- function changeImageBtn(obj,src) //obj为ImageButton的ID,src为图片路径
- {
- document.getElementById(obj).src = src;
- }
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <asp:ImageButton id="imgBtn" runat="server"
- AlternateText="Sigoway"
- ImageUrl="图片路径"/>
- </form>
- </body>
- </html>
在.cs文件中的Page_Load事件中如下定义:
- protected void Page_Load(object sender, EventArgs e)
- {
- //imgBtn为页面中ImageButton控件的ID
- //添加onmouseover事件
- imgBtn.Attributes.Add("onmouseover", "JavaScript:changeImageBtn('imgBtn', '更改前图片路径')");
- //添加onmouseout事件
- imgBtn.Attributes.Add("onmouseout", "JavaScript:changeImageBtn('imgBtn', '更改后图片路径')");
- }
这样就可以像HTML里img那样自由的应用js事件啦
通过这样的方式,你还可以自定义好多事件哦