Hej.
Eftersom jag är ny på detta forumet så kan jag försöka bidra lite med ett användbart script:
Skriptet tonar in/tonar ut en div, så istället för att sätta din div till synlig direkt, kan du snyggt tona in den!
kan du ändra till:
givetvis får du ändra "mindiv" till namnet på din div.
Om ni vill ändra hastigheten på hur fort det ska tona in/tona ut byter du ut värdet 10 till nåt annat.
För att tona ut diven kan du ändra din kod som gömmer diven
till:
PS. På IE6 finns en bugg med transparencyvärdet som gör att du MÅSTE ha höjd och bredd satta på diven du vill tona.
Jag använder detta några av mina egna sajter och det funkar klockrent för IE6&7, Firefox och Opera.
Mycket nöje! (Kod kommer nedan)
Eftersom jag är ny på detta forumet så kan jag försöka bidra lite med ett användbart script:
Skriptet tonar in/tonar ut en div, så istället för att sätta din div till synlig direkt, kan du snyggt tona in den!
Kod:
document.getElementById("mindiv").style.display="inline";
Kod:
fadeindiv("mindiv");
Om ni vill ändra hastigheten på hur fort det ska tona in/tona ut byter du ut värdet 10 till nåt annat.
För att tona ut diven kan du ändra din kod som gömmer diven
Kod:
document.getElementById("mindiv").style.display="none";
Kod:
fadeoutdiv("mindiv");
PS. På IE6 finns en bugg med transparencyvärdet som gör att du MÅSTE ha höjd och bredd satta på diven du vill tona.
Jag använder detta några av mina egna sajter och det funkar klockrent för IE6&7, Firefox och Opera.
Mycket nöje! (Kod kommer nedan)
Kod:
<script language="javascript"> function fadeindiv(id) { document.getElementById(id).style.display="none" fadeinto=setTimeout("divIn(" + 0 + ",'" + id + "')",10); } function fadeoutdiv(id) { fadeoutto=setTimeout("divOut(" + 100 + ",'" + id + "')",10); } function divIn(opacity, id) { opacity+=20; var os = document.getElementById(id).style; os.opacity = (opacity / 101); os.MozOpacity = (opacity / 101); os.KhtmlOpacity = (opacity / 101); os.filter = "alpha(opacity=" + opacity + ")"; os.display="inline"; clearTimeout(fadeinto); if(opacity<100) { fadeinto=setTimeout("divIn(" + opacity + ",'" + id + "')",10); } } function divOut(opacity, id) { opacity-=20; var os = document.getElementById(id).style; os.opacity = (opacity / 101); os.MozOpacity = (opacity / 101); os.KhtmlOpacity = (opacity / 101); os.filter = "alpha(opacity=" + opacity + ")"; clearTimeout(fadeoutto); if(opacity>0) { fadeoutto=setTimeout("divOut(" + opacity + ",'" + id + "')",10); } else { os.display="none"; } } </script>
Kommentera