jquery 中如何怎么让显示和隐藏时的图片改变
日期：2014-05-17 浏览次数：20588 次
jquery 中怎么如何让显示和隐藏时的图片改变
就像QQ聊天框那样特效，隐藏和显示的方法我做了,就是换图的不可以
那个Image的ImageUrl还要不要设置
<asp:Image ID="Image3" runat="server" ImageUrl="~/images/hidebuttom-left.gif" />
Jquery power是DIV
$(document).ready(function () {
$("#Image3").toggle(function () {
$("#power").hide("slow");
}, function () {
$("#power").show("slow");
});
});
这还要怎么写
------解决方案--------------------
当然要设置了
就像QQ聊天框那样特效，隐藏和显示的方法我做了,就是换图的不可以
那个Image的ImageUrl还要不要设置
<asp:Image ID="Image3" runat="server" ImageUrl="~/images/hidebuttom-left.gif" />
Jquery power是DIV
$(document).ready(function () {
$("#Image3").toggle(function () {
$("#power").hide("slow");
}, function () {
$("#power").show("slow");
});
});
这还要怎么写
------解决方案--------------------
当然要设置了
- C# code
<img id="Image3" src="~/images/hidebuttom-left.gif" />
$(document).ready(function () {
$("#Image3").toggle(function () {
$("#power").hide("slow");
$(this).attr("src","~/images/hidebuttom-right.gif");
}, function () {
$("#power").show("slow");
$(this).attr("src","~/images/hidebuttom-left.gif");
});
});
------解决方案--------------------
换成
<img id="Image3" src="/images/hidebuttom-left.gif" />
$(document).ready(function () {
$("#Image3").toggle(function () {
$("#power").hide("slow");
$(this).attr("src","/images/hidebuttom-right.gif");
}, function () {
$("#power").show("slow");
$(this).attr("src","/images/hidebuttom-left.gif");
});
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
