在ImageButton上应用onmouseover和onmouseout事件

来源：互联网发布：mac 磁盘清理编辑：程序博客网时间：2024/06/11 23:47

在.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事件啦

通过这样的方式，你还可以自定义好多事件哦