ASP.net中ImageButton更换背景的问题
我使用的语言是C#,软件为VS2008.请问如何实现当鼠标移动到ImageButton上,它就自动更换背景图片呢?请注意:是ImageButton。因为网上面有很多都是一...
我使用的语言是C#,软件为VS2008.
请问如何实现当鼠标移动到ImageButton上,它就自动更换背景图片呢?请注意:是ImageButton。因为网上面有很多都是一般的Button换颜色和背景。可以的话请给出代码,万分感谢!我会追加分数的。在线等!
我知道鼠标事件,就是不清楚怎么写脚本而已。 展开
请问如何实现当鼠标移动到ImageButton上,它就自动更换背景图片呢?请注意:是ImageButton。因为网上面有很多都是一般的Button换颜色和背景。可以的话请给出代码,万分感谢!我会追加分数的。在线等!
我知道鼠标事件,就是不清楚怎么写脚本而已。 展开
7个回答
展开全部
这是.Net控件ImageButton的代码:
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/logo.gif" onmouseout="changeback(this)" onmouseover="changeImg(this)"/>
这是脚本JavaScript脚本:
<script type="text/javascript">
function changeImg(btn) //鼠标移入,更换图片
{
btn.src="Images/hah.jpg";
}
function changeback(btn) //鼠标移出,换回原来的图片
{
btn.src="Images/logo.gif";
}
</script>
说明:在ImageButton控件中加入两个事件,分别是onmouseover和onmouseout,意思分别是鼠标移入鼠标移出,现在的思路就是当鼠标移入ImageButton控件时通过JavaScript脚本语言变换其背景图片,当鼠标移开的时候再变回来原来的图片。
我觉得这样说你应该清楚了,如果还不懂的话你就留个Email给我,我发代码给你吧
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/logo.gif" onmouseout="changeback(this)" onmouseover="changeImg(this)"/>
这是脚本JavaScript脚本:
<script type="text/javascript">
function changeImg(btn) //鼠标移入,更换图片
{
btn.src="Images/hah.jpg";
}
function changeback(btn) //鼠标移出,换回原来的图片
{
btn.src="Images/logo.gif";
}
</script>
说明:在ImageButton控件中加入两个事件,分别是onmouseover和onmouseout,意思分别是鼠标移入鼠标移出,现在的思路就是当鼠标移入ImageButton控件时通过JavaScript脚本语言变换其背景图片,当鼠标移开的时候再变回来原来的图片。
我觉得这样说你应该清楚了,如果还不懂的话你就留个Email给我,我发代码给你吧
展开全部
<asp:ImageButton ID="ImageButton1" runat="server" onmouseover="changeImage(this);"/>
<script>
function changeImage(obj)
{
obj.src = 'images/add.gif';
}
</script>
<script>
function changeImage(obj)
{
obj.src = 'images/add.gif';
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
function ChangeImage(BtnId,ImgUrl){
BtnId.src=ImgUrl;
}
<asp:ImageButton runat="server" ID="img_btn1" onmouseover="ChangeImage(this,'img/img.jpg')" onmouseout="ChangeImage(this,'img/img2.jpg')">
BtnId.src=ImgUrl;
}
<asp:ImageButton runat="server" ID="img_btn1" onmouseover="ChangeImage(this,'img/img.jpg')" onmouseout="ChangeImage(this,'img/img2.jpg')">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
changeImage(obj)
{
obj.src='../images/图片.gif';
}
<asp:ImageButton runat=server id=btn onmouseover="changeImage(this);"/>
{
obj.src='../images/图片.gif';
}
<asp:ImageButton runat=server id=btn onmouseover="changeImage(this);"/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
function changeImage(obj)
{
obj.src='../images/图片.gif';
}
<asp:ImageButton 鼠标事件="changeImage(this);"/>
你可能还要在鼠标移出时在把图片改回去
{
obj.src='../images/图片.gif';
}
<asp:ImageButton 鼠标事件="changeImage(this);"/>
你可能还要在鼠标移出时在把图片改回去
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
鼠标移动的事件是onmouseover
你需要做的就是在在相应的ImageButton加上相应的更换背景图片的脚本事件
你需要做的就是在在相应的ImageButton加上相应的更换背景图片的脚本事件
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询