HOME PAGE - Beispiele, Ebenen -

Path: Home / Home Page / Beispiele / Java-Script

Vorhang Waagerecht:
Die Farbe und die Geschwindigkeit (var speed=10) kann geändert werden. Auf Grund der Unterschiede zwischen den Browsern kann auch eine unterschiedliche Farbe für den IE und den NC angegeben werden (layer-background-color:yellow; background-color:red;)

Quelltext

<HTML>
<HEAD>
<TITLE></TITLE>

<style>
<!--

.intro  {position:absolute;left:0;top:0;
         layer-background-color:yellow;
         background-color:#339900;}
-->
</style>

</HEAD>

<BODY>

<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<div id="i3" class="intro"></div><div id="i4" class="intro"></div>
<div id="i5" class="intro"></div><div id="i6" class="intro"></div>
<div id="i7" class="intro"></div><div id="i8" class="intro"></div>

<script
language="JavaScript1.2">

var speed = 10;
var temp  = new Array();
var temp2 = new Array();

if (document.layers){
   for (i=1;i<=2;i++){
      temp[i]=eval("document.i"+i+".clip")
      temp2[i]=eval("document.i"+i)
      temp[i].width=window.innerWidth/2
      temp[i].height=window.innerHeight
      temp2[i].left=(i-1)*temp[i].width
   }
}
else if (document.all){
   var clipright=document.body.clientWidth/2,clipleft=0
   for (i=1;i<=2;i++){
      temp[i]=eval("document.all.i"+i+".style")
      temp[i].width=document.body.clientWidth/2
      temp[i].height=document.body.offsetHeight
      temp[i].left=(i-1)*parseInt(temp[i].width)
   }
}

function openit(){
   window.scrollTo(0,0)
   if (document.layers){
      temp[1].right-=speed
      temp[2].left+=speed
      if (temp[2].left>window.innerWidth/2)
         clearInterval(stopit)
   }
   else if (document.all){
      clipright-=speed
      temp[1].clip="rect(0 "+clipright+" auto 0)"
      clipleft+=speed
      temp[2].clip="rect(0 auto auto "+clipleft+")"
      if (clipright<=0)
      clearInterval(stopit)
   }
}

function gogo(){
   stopit=setInterval("openit()",100)
}

gogo()

</script>

</BODY>
</HTML>