asp.net中，单击标签时，改变其背景图片，单击另一个标签时，恢复其默认背景。解决办法
日期：2014-05-17 浏览次数：20452 次
asp.net中，单击标签时，改变其背景图片，单击另一个标签时，恢复其默认背景。
在asp.net中，共有四个超链接A,B,C,D，两张图片Ｑ，Ｐ，Ａ，Ｂ，Ｃ，Ｄ的默认背景图片是Ｐ，当单击Ａ时，背景图片换成Ｑ，再单击Ｂ时，Ａ的背景图片恢复到默认背景。Ｂ的背景图片换成Ｐ。听说会用到js，请各位赐教，感激不尽。在线等。
------解决方案--------------------
<a id="a" src="默认图片p"><a id="b" src="默认图片p"><a id="c" src="默认图片p"><a id="d" src="默认图片p">
可以用jquery 来实现
$(document).ready(function(){
$("a").click(function(){
$("a").each(function(item){ $(item).attr("src","默认图片P") });
//点击a链接时，将所有a链接遍历一遍，都改成默认图片p
$(this).attr("src","图片q") } //在将当前点击的图片地址改成 图片q
);
});
------解决方案--------------------
你用超级链接，点击后页面后不是跳转了，还怎么在本页改变？
好吧，我先假定你是用div,不是a,原理完全一样，
<style type='text/css'>
#div1{overflow:hidden;}
#div1 div{background-image:url("p.gif");}
#div1 div.cur{ background-image:url("q.gif");}
</style>
<div id="div1">
<div >日韩</div>
<div >东南亚</div>
<div >阿拉斯加</div>
<div >地中海</div>
</div>
<script type="text/javascript" >
$("#div1 div").click(function() {
$("#div1 div").removeClass("cur");
$(this).addClass("cur");
});
</script>
------解决方案--------------------
你是这个意思吗？
a.aspx
在asp.net中，共有四个超链接A,B,C,D，两张图片Ｑ，Ｐ，Ａ，Ｂ，Ｃ，Ｄ的默认背景图片是Ｐ，当单击Ａ时，背景图片换成Ｑ，再单击Ｂ时，Ａ的背景图片恢复到默认背景。Ｂ的背景图片换成Ｐ。听说会用到js，请各位赐教，感激不尽。在线等。
------解决方案--------------------
<a id="a" src="默认图片p"><a id="b" src="默认图片p"><a id="c" src="默认图片p"><a id="d" src="默认图片p">
可以用jquery 来实现
$(document).ready(function(){
$("a").click(function(){
$("a").each(function(item){ $(item).attr("src","默认图片P") });
//点击a链接时，将所有a链接遍历一遍，都改成默认图片p
$(this).attr("src","图片q") } //在将当前点击的图片地址改成 图片q
);
});
------解决方案--------------------
你用超级链接，点击后页面后不是跳转了，还怎么在本页改变？
好吧，我先假定你是用div,不是a,原理完全一样，
<style type='text/css'>
#div1{overflow:hidden;}
#div1 div{background-image:url("p.gif");}
#div1 div.cur{ background-image:url("q.gif");}
</style>
<div id="div1">
<div >日韩</div>
<div >东南亚</div>
<div >阿拉斯加</div>
<div >地中海</div>
</div>
<script type="text/javascript" >
$("#div1 div").click(function() {
$("#div1 div").removeClass("cur");
$(this).addClass("cur");
});
</script>
------解决方案--------------------
你是这个意思吗？
a.aspx
- HTML code
<body [color=#FF0000]runat ="server"[/color] ID="body1" >
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">图片1</asp:LinkButton>
<br />
<asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">图片2</asp:LinkButton>
------解决方案--------------------
写JS去改变图啊
------解决方案--------------------
楼主对于规则，你写得很清楚了啊，转换成JS代码应该很好转的啊
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
