Code:
<html>
<head>
<STYLE type=text/css media=screen>
BODY{margin:0; padding:0; background:#fff}
.widoczna {display: block;}
.niewid {display: none;}
.hid {display: none;}
</STYLE>
<script type="text/javascript">
oldpic="d1";
oldtxt="d3";
function f(pic,txt){
document.getElementById(oldpic).className = 'niewid';
document.getElementById(oldtxt).className = 'niewid';
document.getElementById(pic).className = 'widoczna';
document.getElementById(txt).className = 'widoczna';
oldpic=pic;
oldtxt=txt;
}
</script>
</head>
<body>
<a href="http://" onmouseover="f('d2','d4')" onmouseout="f('d1','d3')">over here</a>
<div id=d1>one</div>
<div id=d2 class=hid>two</div>
<div id=d3>three</div>
<div id=d4 class=hid>four</div>
</body>
</html>