在ImageButton上应用onmouseover和onmouseout事件

最新推荐文章于 2024-05-03 11:08:18 发布

gedeng_2000

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量1.4k

点赞数

分类专栏： ASP.net实用技艺文章标签： javascript server html asp 测试

本文链接：https://blog.csdn.net/gedeng_2000/article/details/3132503

版权

ASP.net实用技艺专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

gedeng_2000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
在ImageButton上应用onmouseover和onmouseout事件

在.aspx文件中如下定义： "server"> Sigoway测试 "javascript"> //更改ImageButton的图片 function changeImageBtn(obj,src) //obj为ImageButton的ID，src为图片路径 {
复制链接

扫一扫