Hvorfor virker det her ikke?
<html><head>
<Style type="text/css">
#Object{
position: absolute;
left:0;
top:0;
}
#HiddenObject{
position: relative;
left:-15;
top:0;
visibility:hidden;
}
</style>
<Script Language="Javascript" type="text/Javascript">
var ns4 = (document.layers)? true : false;
var ie = (document.all) ? true : false;
var ns6 = (document.getElementById&&!document.all) ? true : false;
function hiddenobject(){
if ( ns4 ) { // na4
document.layers['hiddenobject'].visibility = 'hidden';
} else
if ( ns6 ) { // dom-compliant browsere
document.getElementById('hiddenobject').style.visibility = 'hidden';
} else
if (ie){ // ie4
document.all['hiddenobject'].style.visibility = 'hidden';
}
}
function showobject(){
if ( ns4 ) { // na4
document.layers['hiddenobject'].visibility = 'visible';
} else
if ( ns6 ) { // dom-compliant browsere
document.getElementById('hiddenobject').style.visibility = 'visible';
} else
if ( ie ){ // ie4
document.all['hiddenobject'].style.visibility = 'visible';
}
}
if (ns4 || ns6 || ie ){
showobject();
SetTimeout('HiddenObject()',10000);
}
</script>
</head>
<body>
<img src="" id="Object" onMouseOver="showobject()" onMouseOut="hiddenobject()">
<img src="" id="hiddenobject">
</body>
</html>
