<html>
<head>
<script type="text/javascript">
var ButtonClicked = '';
var ButtonSrc = '';
function click_button(obj,pic){
if(ButtonSrc != '' && ButtonClicked != ''){
document.getElementsByName(ButtonClicked)[0].src = ButtonSrc;
}
ButtonClicked = obj.name;
ButtonSrc = obj.src;
obj.src = pic;
}
function oo_button(obj,pic){
ButtonSrc = obj.src;
if(obj.name==ButtonClicked){
return false;
}else{
obj.src = pic;
}
}
</script>
</head>
<body>
<a href="http://www.google.de" target="frame">
<img name="1" src="button1.jpg" width="200" height="40"
onMouseOver="oo_button(this,'button2.jpg')"
onMouseOut="oo_button(this,'button1.jpg')"
onClick="click_button(this,'button3.jpg')">
</a>
<a href="http://www.tutorials.de" target="frame">
<img name="2" src="button4.jpg" width="200" height="40"
onMouseOver="oo_button(this,'button5.jpg')"
onMouseOut="oo_button(this,'button4.jpg')"
onClick="click_button(this,'button6.jpg')">
</a>
<a href="http://www.heise.de" target="frame">
<img name="3" src="button7.jpg" width="200" height="40"
onMouseOver="oo_button(this,'button8.jpg')"
onMouseOut="oo_button(this,'button7.jpg')"
onClick="click_button(this,'button9.jpg')">
</a>
<br>
<iframe name="frame" width="800" height="600"></iframe>
</body>
</html>