Menu glissant

Télécharger le projet
Commenter

Description

petit menu glissant situe a gauche de l'écran paramétrable

Source / Exemple : 


<html>
<head>
<title>menu gauche</title>

<style type="text/css">
.couleur {
color: white;}
BODY .bouton5{color: red;background-color:#B9A197;cursor:pointer}
BODY .bouton6{color:black;background-color:#B9B3a7;}
</style>

<SCRIPT>

var mngv=0
var magi='aller.jpg'
var magip='allerp.jpg'

function mng(){

var Table_Gauche=document.getElementById('mgauche')

if(mngv==1){
Table_Gauche.style.left=Table_Gauche.offsetLeft-10
if(Table_Gauche.offsetLeft<=-150){
mngv=0
magi='aller.jpg'
magip='allerp.jpg'
document.getElementById('fleche').src='aller.jpg'
return false
}
setTimeout("mng()",16)
}

if(mngv==0){
Table_Gauche.style.left=Table_Gauche.offsetLeft+10
if(Table_Gauche.offsetLeft>=0){
mngv=1
magi='retour.jpg'
magip='retourp.jpg'
document.getElementById('fleche').src='retour.jpg'
return false
}
setTimeout("mng()",16)
}}

</SCRIPT>
</head>
<body>

<table background= metale.jpg id="mgauche"  
style='position:absolute;top:50px;left:-150px;width:185;height:200;z-Index:10'>

<tr><td><b>formation l'essentiel</b></td><td><img id="fleche" src=aller.jpg onMouseover=this.src=magip; onMouseout=this.src=magi;  onclick=mng()></td>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>div</td></td></tr>

<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>class</td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>tableau</td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>formulaire</td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>frame</td></tr>

<tr><td><b>liens</b></td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>oxo</td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>ici</td></tr>
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>la</td></tr>

<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>terre
<tr><td bgcolor=#B9B3A7 onmouseover=className='bouton5' onmouseout=className='bouton6'>m'entendez vous</td></tr>

<tr><td><b>video</b></td></tr>
</td></tr>
<tr><td><a href="mailto:batman_vs_spiderman.nul"><b>me contacter</b></a>
</td></tr>
<tr><td>
</td></tr>
</table>
</body>
</html>

Conclusion :


je l'aime bien mon script
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)