Pousse toi de la, que j'm'y mette

Commenter

Contenu du snippet

adaptation de la "fenetre mouvante"

Source / Exemple : 


<HTML>
<HEAD>
<TITLE></TITLE>
</head>
<SCRIPT LANGUAGE="Javascript">
/*
Développé par
Jacques Meunier
http://www.sesame-ouvre-toi.net


  • /

w=0
h=0
dx = 5 // largeur de la pente
dy = 2 // hauteur de la pente

function bouge(l,t)
{
for (d=0;d<=8;d++)
    top.moveBy(l,t)
}

</Script>
</head>
<body bgcolor="#000000" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">
<div id="carre" style="position:absolute; left:140 ; top:40; z-index:2"><img src="carre.gif"></div>
<script language="Javascript">
w=screen.availWidth
w=w-520
h=screen.availHeight 
h=h-400
v='<div id=imgObj style="position:absolute; left:122px; top:40px;background-color:#101010; WIDTH : '+w+'px; HEIGHT: '+h+'px; border-color:#ffffff; border-style:solid"></div>'
document.write(v)
</Script>

<script language="JavaScript">
var x = 122; y = 40; 
var w_carre = 10; h_carre = 10; // largeur et hauteur de l'image (ici, carre.gif) 
var interval = 30 //vitesse du déplacement  
   maxx=w+122
   maxy=h+40
window.setInterval("deplacement()", interval);

function deplacement() 
{ 
    if (x+dx > (maxx  -w_carre))
       {dx = -dx; bouge(-dx,dy)}
    else if (x+dx < 122)
       {dx = -dx; bouge(-dx,dy)}
    else if(y+dy > (maxy -h_carre))
       {dy = -dy; bouge(dx,-dy)}
    else if (y+dy < 40)
       {dy = -dy; bouge(dx,-dy)}

    x += dx;        
    y += dy;         

    carre.style.left = x;    
    carre.style.top = y;     
}
</script>
</BODY>
</HTML>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (jmeunier)