DHTML Grafik - HTMLopen.de

Kompatibilität: Ms Internet Explorer, Netscape

Beim öffnen der Webseite werden 2 horizontale Linien generiert, welche denn Dokument anschließend verlassen und das richtige Dokument erkennen lassen. Dieser Effekt war früher nur mit MSIE4 zu lösen, heute jedoch Dank DHTML wird dieser Effekt auch mit Netscape kompatibel.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML> <HEAD>    <TITLE>htmlopen.de - Dynamic HTML Beispiele</TITLE>   <style>  </style>  </HEAD>  <BODY>     <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <script language="JavaScript1.2">
                  var speed=20 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>

Öffnen der Seite: mit 2 horizontale Linien