楼主的意思应该是说要做一组相互排斥的按钮吧?这组按钮中,当点击了其中一个后,被点击的按钮的底图就改变为“a.jpg”,同组的其它的底图为“b.jpg”按钮上有文字链接,点击按钮的时候,在改变按钮底图的同时,打开指定的链接。我看了它的两张贴子,三次叙述,才勉强猜出他的意思
楼主的意思应该是说要做一组相互排斥的按钮吧?这组按钮中,当点击了其中一个后,被点击的按钮的底图就改变为“a.jpg”,同组的其它的底图为“b.jpg”按钮上有文字链接,点击按钮的时候,在改变按钮底图的同时,打开指定的链接。我看了它的两张贴子,三次叙述,才勉强猜出他的意思
还没有人回复呀?我按我的理解做了一个,不知道是不是这样子:
<html><head>
<script language="Javascript">
function changeimg(){
var e = event.srcElement.parentElement;
var nd=document.getElementsByName(e.id);
var eg=e.background;
for(i=0;i<nd.length;i++){
nd[i].background=eg;
}
e.background=document.all.preimg.src;
}</script>
<head>
<body>
<img name="preimg" src="2.jpg" style="height: 0px;width: 0px;"><!--预载图片到客户端--><table><tr>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.baidu.com" target="_blank" onmouseup="changeimg()">百度</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.163.com" target="_blank" onmouseup="changeimg()">网易</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.sina.com" target="_blank" onmouseup="changeimg()">新浪</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.china.com" target="_blank" onmouseup="changeimg()">中华网</a></td>
</tr></table>
</body></html>
<script language="Javascript">
function changeimg(){
var e = event.srcElement.parentElement;
var nd=document.getElementsByName(e.id);
for(i=0;i<nd.length;i++)nd[i].background=document.all.preimg1.src;
e.background=document.all.preimg2.src;
}
</script>
</head><body>
<img name="preimg1" src="1.jpg" style="height: 0px;width: 0px;"><!--预载图片到客户端-->
<img name="preimg2" src="2.jpg" style="height: 0px;width: 0px;"><!--预载图片到客户端-->
<table><tr>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.baidu.com" target="_blank" onmouseup="changeimg()">百度</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.163.com" target="_blank" onmouseup="changeimg()">网易</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.sina.com" target="_blank" onmouseup="changeimg()">新浪</a></td>
<td name="sss" id="sss" background="1.jpg"><a href="http://www.china.com" target="_blank" onmouseup="changeimg()">中华网</a></td>
</tr></table>
</body></html>
如果你有页面跳转,则只需要传递当前点击按钮,重新生成页就可以。
<img name="preimg2" src="on.gif" style="height: 0px;width: 0px;"><!-- 预载图片on.gif -->
<table><tr>
<td><img src="off.gif"></td><td width="70"><a href=# onmouseup="changeimg()">百度</a></td>
</tr><tr>
<td><img src="off.gif"></td><td><a href=# onmouseup="changeimg()">网易</a></td>
</tr><tr>
<td><img src="off.gif"></td><td><a href=# onmouseup="changeimg()">新浪</a></td>
</tr>
</tr></table>