Сергей545,
<html>
<head >
<style type="text/css">
body{
background-image: url('http://img0.liveinternet.ru/images/attach/b/3/28/942/28942996_6764184_Fon.gif')
}
</style>
</head>
<body>
<script type="text/javascript">
function transparent(x,x2,obj,pid)
{
var t,t2;
this.appear = function() {clearTimeout(t2);
var op = (obj.style.opacity)?parseFloat(obj.style.opacity)*100:parseInt(obj.style.filter);
if(op < x) {
op += pid;
obj.style.opacity = op/100;
obj.style.filter='alpha(opacity='+op+')';
t = setTimeout(arguments.callee,20);
}
}
this.disappear = function() { clearTimeout(t);
var op = (obj.style.opacity)?parseFloat(obj.style.opacity)*100:parseInt(obj.style.filter);
if(op > x2) {
op -= pid;
if(op < 1) op = 0;
obj.style.opacity = op/100;
obj.style.filter='alpha(opacity='+op+')';
if (op > 1) t2 = setTimeout(arguments.callee,20)
}
}
}
</script><br><br>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" style="position: absolute; z-index: 1!important; ; width: 731px; height: 483px;" alt="logo" width="636" height="396" id="image_1"
onmouseover=" z.appear();" onMouseOut="z.disappear();">
<script type="text/javascript">
var img = document.getElementById('image_1')
z = new transparent(100,0.0,img,2);
img.style.opacity = 0;
img.style.filter = 'alpha(opacity=0)';
</script>
</body>
</html>