Script JavaScript: Effet à l'ouverture d'une page.

Venez visiter mon dernier site

francois.guechoum.free.fr

Vous y découvrirez une nouvelle facette de ma personnalité à travers mes photos.

javascript,gratuit,script,internet,informatique

Accueil

Rubriques
JavaScript
Freewares
Le référentiel
Humour

Communication
Page du Chef
Ma trombine
EMail
Divers
Plan
Liens

Un joli petit effet de transition de page qui étonne toujours les visiteurs...

Montrez-moi ce script en fonctionnement!

Si vous voulez revoir l'effet, il suffit d'actualiser la page.

<!-- A coller entre les balises <head> et </head> -->

<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:white;
background-color:white;
border:0.1px solid white
}
-->
</style>

<!-- A coller entre les balises <body> et </body> -->

<div id="i1" class="intro"></div>
<script language="JavaScript1.2">
//changer la vitesse ici
var speed=5
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>

La vitesse peut-être modifiée au début du script (juste après votre balise <body>) en changeant la valeur de la variable "speed" (la bien nommée!).

Dernière mise à jour: 07/11/2000

Le menu des effets divers
Retour en haut de la page