ImageButton 如何设置鼠标指向改变图片
日期：2014-05-17 浏览次数：20538 次
ImageButton 怎么设置鼠标指向改变图片
ImageButton 怎么设置鼠标指向改变图片，就像a标签的hover
------解决方案--------------------
OnMouseOut="this.src='img/1.jpg';" OnMouseOver="this.src='img/2.jpg';"
------解决方案--------------------
web页面：
<script language="javascript" type="text/javascript">
function mouseover(obj){
obj.src="../index_join.jpg";
}
function mouseout(obj){
obj.src="";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ImageButton ID="ImageButton1" runat="server" /></div>
</form>
</body>
</html>
.cs:
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack){
this.ImageButton1.Attributes.Add("OnMouseOver", "mouseover(this)");
this.ImageButton1.Attributes.Add("OnMouseOut", "mouseout(this)");
}
}
测试通过。
ImageButton 怎么设置鼠标指向改变图片，就像a标签的hover
------解决方案--------------------
OnMouseOut="this.src='img/1.jpg';" OnMouseOver="this.src='img/2.jpg';"
------解决方案--------------------
web页面：
<script language="javascript" type="text/javascript">
function mouseover(obj){
obj.src="../index_join.jpg";
}
function mouseout(obj){
obj.src="";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ImageButton ID="ImageButton1" runat="server" /></div>
</form>
</body>
</html>
.cs:
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack){
this.ImageButton1.Attributes.Add("OnMouseOver", "mouseover(this)");
this.ImageButton1.Attributes.Add("OnMouseOut", "mouseout(this)");
}
}
测试通过。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
