Im Head ist folgendes Script zu platzieren:
<style>
<!--
.intro{ position:absolute; left:0; top:0; layer-background-color:red;
background-color:red; border:0.1px solid red }
-->
</style>
Wenn jemand die rote Farbe nicht gefällt (ich habe dafür volles Verständnis),
der kann beim obigen Script die "background-color" ändern. Möglich sind die
GIF-Farbbezeichnungen, z. B. cornflowerblue, die Angabe in
Hexadezimalzahlen, z.B. #336699 oder in Dezimalzahlen, z. B. rgb(200,200,200).
Ebenso kann die Geschwindigkeit geändert werden, dies passiert aber im
untenstehenden Script in der dritten Zeile: Eine Erhöhung der Zahl 20 bringt
eine Beschleunigung, ein Reduktion eine Verlangsamung.
Im Body der folgende Text:
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript1.2">
var Geschw=20
var Array_1=new Array()
var Array_2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
Array_1[i]=eval("document.i"+i+".clip")
Array_2[i]=eval("document.i"+i)
Array_1[i].width=window.innerWidth
Array_1[i].height=window.innerHeight/2
Array_2[i].top=(i-1)*Array_1[i].height
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight/2,cliptop=0
for (i=1;i<=2;i++){
Array_1[i]=eval("document.all.i"+i+".style")
Array_1[i].width=document.body.clientWidth
Array_1[i].height=document.body.offsetHeight/2
Array_1[i].top=(i-1)*parseInt(Array_1[i].height)
}
}
function Vorhang_auf(){
window.scrollTo(0,0)
if (document.layers){
Array_1[1].bottom-=Geschw
Array_1[2].top+=Geschw
if (Array_1[1].bottom<=0)
clearInterval(stop)
}
else if (document.all){
clipbottom-=Geschw
Array_1[1].clip="rect(0 auto+"+clipbottom+" 0)"
cliptop+=Geschw
Array_1[2].clip="rect("+cliptop+" auto auto)"
if (clipbottom<=0)
clearInterval(stop)
}
}
function start(){
stop=setInterval("Vorhang_auf()",100)
}
start()
</script>