Funktion der fader layer ind og ud !
Dette skulle gerne virke sådan, at når man har musen over den første tekst så kommer layeret frem(fader ind) og når man fjerne musen igen forsvinder layeret igen (fader ud).Det virker også tildels, men når jeg så trykker på tekst 2, f..... det hele op. Hva´ er der galt.
koden ser sådan her ud
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var timer = new Array();
var ID = "boks"
var interval = 1
function LayerTry(n, intervalkald) {
window.clearTimeout(timer[n]);
var x = document.getElementById(ID + n);
if (intervalkald > 1) {
interval = interval - intervalkald;
}
else
interval = interval + intervalkald;
if (document.all){
x.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity="+interval+")" ;
timer[n] = window.setTimeout("LayerTry("+n+","+intervalkald+");",30);
}
else x.style.MozOpacity = 0.1;
}
</Script>
</head>
<body bgcolor="#660000" text="#000000" >
<div class="boks" id="boks1" style="position:absolute; filter:Alpha(opacity=50); left:319px; top:396px; width:99px; height:76px; z-index:1;background-color: #999999; layer-background-color: #999999; visibility: visible; border: 1px none #000000">prøv</div>
<div class="boks" id="boks2" style="position:absolute; filter:Alpha(opacity=50); left:423px; top:395px; width:99px; height:76px; z-index:1;background-color: #FFFFFF; layer-background-color: #FFFFFF; visibility: visible; border: 1px none #000000">prøv</div>
<a href="#" onMouseOver="LayerTry(1,1);" onMouseOut="LayerTry(1,2);">TrykHer1</a>
<a href="#" onMouseOver="LayerTry(2,1)" onMouseOut="LayerTry(2,2);">TrykHer2</a>
</body>
</html>
Vh
Compilos
