Sesame ouvre toi

Télécharger le projet
Commenter

Description

c'est une porte que l'on ouvre plutot gadget qu'autre chose a titre indicatif le script s'adapte automatiquement a la resolution ecran on peut donc changer les image de porte sans modifie le script. les images des portes ainsi que le bouton son insere dans un div qui a la fin de l'ouverture des porte est supprime ainsi que son contenu (les images); la fonction de couleur est en option. compatible IE FF Opera Safari

Source / Exemple : 


<html>
<head>
<title>menu</title>
<script type="text/javascript"> 

var coul=1
var sd=1

function grille(){
document.getElementById('gd').style.left=document.getElementById('gd').offsetLeft+10+"px";
document.getElementById('gg').style.left=document.getElementById('gg').offsetLeft-10+"px";

if(document.getElementById('gd').offsetLeft>=(document.body.clientWidth/2)+10){
document.getElementById('erq').parentNode.removeChild(document.getElementById('erq'));
document.getElementById('ert').parentNode.removeChild(document.getElementById('ert'));
document.getElementById('btgrille').parentNode.removeChild(document.getElementById('btgrille'));
couleur();
return false;
}
setTimeout("grille()",16);
}

function couleur(){

if(coul==1){
document.bgColor="red";
document.fgColor="black";
}
if(coul==2){
document.bgColor="black";
document.fgColor="red";
}
if(coul==2){
coul=0;
}
coul=coul+1;
sd=sd+1;
if(sd==25){
document.bgColor="black";
document.fgColor="red";
sd=1;
return false;
}
else{
setTimeout('couleur()',300);
}
}

</SCRIPT>
</head>
<body bgColor="black" fgColor="red">

<div ID='ert'style='overflow:hidden;position:absolute;right:00;width:51%;height:100%;z-Index:15;'>
  <img src="grilled.jpg" id="gd" style='position:absolute;left:0px;width:102%;height:100%'>
 </div>

<div ID='erq'style='overflow:hidden;position:absolute;left:00;width:51%;height:100%;z-Index:15;'>
  <img src="grilleg.jpg" id="gg" style='position:absolute;right:00px;width:102%;height:100%'>
 </div>

<img id='btgrille'src='23.png'onmouseover='this.src="24.png"' 

onmouseout='this.src="23.png"'style='position:absolute;z-Index:17;'onclick="grille()">

<font size=10 align=center>
congratulation  congratulation congratulation<br>
congratulation congratulation congratulation <br>
congratulation congratulation congratulation <br>
congratulation congratulation congratulation <br>
congratulation congratulation congratulation <br>
congratulation congratulation congratulation <br>
</font>
</body>
</html>

Conclusion :


rien a dire
Télécharger le projet

Codes Sources

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 (@karamel)