EINBLENDEFFEKT 4 - "KASTEN WEG"

Die neue Web-Seite wird von aussen nach innen freigelegt. Hier kann man sich den Effekt in einer anderen Farbe anschauen:

Das nachfolgende Script kopieren und an den Anfang des Quellcodes der eigenen Seite einfügen. Im Script selber kann man die Farbe für den Effekt einstellen. In diesem Falle den Hex-Code (hier: 008B00) ändern. Bitte selber ausprobieren!

<style type="text/css"> 
<!--
.intro{
position:absolute;left:0;top:0;
layer-background-color:008B00;
background-color:008B00;
border:0.1px 008B00;}
--></style></p>
<div class="intro" id="i1"> </div>
<script language="JavaScript1.2">
//change speed here
var speed=12
if (document.layers){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (document.all){
var reference=document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=document.body.clientWidth
bottomclip=temp.height=document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (document.layers){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (document.all){
if (leftclip>document.body.clientWidth/2)
clearInterval(stopit)
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)

</script>

Viel Spass beim Tüfteln!

EINBLENDEFFEKT 4 - "KASTEN WEG"

Diese Seite wurde zuletzt bearbeitet am: 27.01.2010