您的位置：首页 > 其它

在ImageButton上应用onmouseover和onmouseout事件

2008-10-22 18:29 281 查看

在.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事件啦
通过这样的方式，你还可以自定义好多事件哦

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航