fade in og fade out
Hi, jeg har lavet følgende:<HEAD>
<TITLE>[Ingen titel]</TITLE>
<SCRIPT TYPE="text/javascript">
i = 100;
function fadeit(){
elementet.filters.alpha.opacity = i;
i = i - 2;
if (i > 2){
setTimeout("fadeit();",100);
} else {
elementet.filters.alpha.opacity = 1;
elementet.style.display = '';
}
}
function fadeout(){
elementet.filters.alpha.opacity = i;
i = i + 4;
if (i > 4){
setTimeout("fadeout();",100);
} else {
elementet.filters.alpha.opacity = 100;
elementet.style.display = '';
}
}
</SCRIPT>
</HEAD>
<BODY>
<a href="#" onmouseover="fadeit()" onmouseout="fadeout()">test</a><p>
<div ID="elementet" style="filter:alpha(opacity=100, style=100);position:absolute;">Kør musen over
teksten herover</div>
</BODY>
Det virker, MEN det kører ikke i en "lykke". Dvs. jeg skal opdatere (F5) for at anvende scriptet igen.
Kan man ikke gøre det således, at man ikke behøver at opdatere, men så det køre i en "løkke"?
