Fonction javascript
resalut
Messages postés
784
Date d'inscription
Statut
Membre
Dernière intervention
-
resalut Messages postés 784 Date d'inscription Statut Membre Dernière intervention -
resalut Messages postés 784 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je m'ennui alors je vous file une fonction javascript pour faire un menu déroulant :
<script language="JavaScript" type="text/javascript">
<!--
function afstress(max,a)
{
var par = parseInt(max);
var az = parseInt(a);
var taille = 150; //modifier la taille pour votre menu
if(par <= taille)
{
nehei = par+3;
document.getElementById('le'+az).style.height= nehei+'px';
aa = az;
setTimeout('afstress(nehei,aa)',1);
}
else
{
document.getElementById('le'+az).style.height=taille+'px';
}
}
function fermstress(maxb,ab)
{
var tailleb = 23; //taille du menu au retour
var parb = parseInt(maxb);
var azb = parseInt(ab);
if(parb >= tailleb)
{
neheib = parb-3;
document.getElementById('le'+azb).style.height= neheib+'px';
aab = azb;
setTimeout('fermstress(neheib,aab)',1);
}
else
{
document.getElementById('le'+azb).style.height=tailleb+'px';
}
}
-->
</script>
<style type="text/css">
#le1
{
margin:0;
height:23px;
width:160px;
overflow:hidden;
border: solid 1px #000000;
}
.titre
{
margin:0;
padding: 3px 3px 3px 3px;
width: 250px;
height:23px;
background-color:#000000;
}
</style>
dans le body :
<div id="le1"><div class="titre"><a href="javascript:afstress('23','1');" class="menuss" onmouseover="afstress('23','1');">Les Fêtes </a></div>
<br />
<div style="padding-left:3px;">
<div class="titre"><a href="javascript:fermstress('150','1');" class="menuss" onmouseover="fermstress('165','1')"> Fermer le menu </a>
</div></div>
voila si ca peut vous servir ...
<script language="JavaScript" type="text/javascript">
<!--
function afstress(max,a)
{
var par = parseInt(max);
var az = parseInt(a);
var taille = 150; //modifier la taille pour votre menu
if(par <= taille)
{
nehei = par+3;
document.getElementById('le'+az).style.height= nehei+'px';
aa = az;
setTimeout('afstress(nehei,aa)',1);
}
else
{
document.getElementById('le'+az).style.height=taille+'px';
}
}
function fermstress(maxb,ab)
{
var tailleb = 23; //taille du menu au retour
var parb = parseInt(maxb);
var azb = parseInt(ab);
if(parb >= tailleb)
{
neheib = parb-3;
document.getElementById('le'+azb).style.height= neheib+'px';
aab = azb;
setTimeout('fermstress(neheib,aab)',1);
}
else
{
document.getElementById('le'+azb).style.height=tailleb+'px';
}
}
-->
</script>
<style type="text/css">
#le1
{
margin:0;
height:23px;
width:160px;
overflow:hidden;
border: solid 1px #000000;
}
.titre
{
margin:0;
padding: 3px 3px 3px 3px;
width: 250px;
height:23px;
background-color:#000000;
}
</style>
dans le body :
<div id="le1"><div class="titre"><a href="javascript:afstress('23','1');" class="menuss" onmouseover="afstress('23','1');">Les Fêtes </a></div>
<br />
<div style="padding-left:3px;">
<div class="titre"><a href="javascript:fermstress('150','1');" class="menuss" onmouseover="fermstress('165','1')"> Fermer le menu </a>
</div></div>
voila si ca peut vous servir ...
A voir également:
- Fonction javascript
- Fonction si et - Guide
- Fonction miroir - Guide
- Telecharger javascript - Télécharger - Langages
- Fonction moyenne excel - Guide
- Fonction remplacer sur word - Guide