Fonction javascript

Fermé
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 - 29 juin 2009 à 12:42
resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 - 29 juin 2009 à 13:53
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 ...
A voir également:

1 réponse

resalut Messages postés 784 Date d'inscription vendredi 26 juin 2009 Statut Membre Dernière intervention 21 janvier 2010 55
29 juin 2009 à 13:53
ahh et si vous voulez un exemple :
http://sitastress.free.fr/newwoman/index.php
0