<style> #divContent{position:absolute; z-index:20; width:100%} #divBg{position:absolute; top:100; width:100; visibility:hidden} </style> <script> // (C) 1999 Thomas Brattli at www.bratta.com // Comment voulez-vous l'effet ? // 0 = Venant de la gauche. // 1 = Venant du haut. // 2 = Venant du coin supérieur gauche. bgWorks=2 // Variables que vous pouvez modifier // Mouvement vers la gauche (en pixels) var bgXmove=10 // Mouvement en venant du haut (en pixels) var bgYmove=10 // Vitesse en millisecondes var bgSpeed=50 // L'image d'arrière-plan bouge avec la page (true ou false) var moveOnScroll=false ///////// Ne plus rien modifier //////////////////////////// function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() function makeBgObj(obj,speed,xmove,ymove,works){ this.el=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0; this.css=bw.dom || bw.ie4?this.el.style:bw.ns4?this.el:0; this.go=0; this.slideBgIn=b_slideBgIn; this.speed=speed; this.xmove=xmove; this.ymove=ymove this.slideBgDown=b_slideBgDown; this.slideBg=b_slideBg; this.works=works; this.width=bw.ns4?this.css.document.width:bw.ns5?this.el.childNodes[0].width:this.el.offsetWidth; this.height=bw.ns4?this.css.document.height:bw.ns5?this.el.childNodes[0].height:this.el.offsetHeight; this.moveIt=b_moveIt; this.obj = obj + "Object"; eval(this.obj + "=this"); return this } function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function b_slideBgIn(){ if(this.x<-this.xmove){ this.moveIt(this.x+this.xmove,this.y) setTimeout(this.obj+".slideBgIn()",this.speed) } } function b_slideBgDown(){ if(this.y<-this.ymove){ this.moveIt(this.x,this.y+this.ymove) setTimeout(this.obj+".slideBgDown()",this.speed) } } function b_slideBg(){ if(this.works==0){ this.moveIt(-this.width,0) this.slideBgIn() }else if(this.works==1){ this.moveIt(0,-this.height) this.slideBgDown() }else{ this.moveIt(-this.width,-this.height) this.slideBgDown(); this.slideBgIn() } this.css.visibility='visible' } function slideBgInit(){ oBg=new makeBgObj('divBg',bgSpeed,bgXmove,bgYmove,bgWorks) oBg.slideBg() } if(bw.bw) onload=slideBgInit; </script>

Etape 2 :
Ajouter juste après la balise body :

<div id="divBg"><img src="back2.jpg" width=400 height=405 border=0></div> <div id="divContent"> Votre page normale ici ! </div>

Veuillez noter :

• Vous pouvez mettre votre propre image dans
  <div id="divBg"><img src="back2.jpg" width=400 height=405 border=0></div>
• Il est indispensable de mettre le contenu normal de la page entre des balises <div> ... </div>. Soit
  <div id="divContent">
  Votre page normale ici !
  </div>

Etape 3 :
Copier l'image suivante. Mais il est possoble de prévoir votre propre image.