在asp.net中,共有四个超链接A,B,C,D,两张图片Q,P,A,B,C,D的默认背景图片是P,当单击A时,背景图片换成Q,再单击B时,A的背景图片恢复到默认背景。B的背景图片换成P。听说会用到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代码应该很好转的啊