davidoviche
Messages postés6Date d'inscriptionmardi 21 juillet 2009StatutMembreDernière intervention20 août 2009
-
21 juil. 2009 à 13:04
salut à tous ,
j'utilise ce code pour un menu déroulant.
=============
<script type="text/javascript">
ddaccordion.init({
headerclass: "headerbar", //nom de la classe des header
contentclass: "submenu", //nom de la classe des sousmenus
revealtype:"click", //click ou mouseover
mouseoverdelay:400, //2OO
collapseprev: true,
defaultexpanded: [], //permettre de démarrer par défaut en tapant le num du menu
onemustopen: false, //ouverture par défaut
animatedefault: true,
persiststate: false,
toggleclass: ["", "selected"], //classes de styles pas étendu / étendu pour un header donné
togglehtml: ["", "", ""],
animatespeed: "slow", // possibilités "fast", "normal", or "slow"
width: 150px; /*width of menu*/
background:white url(images/image_page_accueil/trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu .headerbar{
font: normal 12px Geneva, Arial, Helvetica, sans-serif;
color: black;
background: #white; /*last 2 values are the x and y coordinates of bullet image*/
/*background: #5375B8 url(puce_bleue.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0px; /* Où 0px */
/*text-transform: uppercase;*/
padding:5px 0px 5px 10px;
margin-top:0px;
height:14px;
.urbangreymenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom:0px; /*bottom spacing between each UL and rest of content*/
background:white url(images/image_page_accueil/trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: green;
background:transparent url(images/image_page_accueil/puce_verte.png) no-repeat 8px 9px;
padding-left:20px;
}
</style>
=============
il lui manque juste un petit truc ,je veux que dès le début la première case du menu en partant du haut prenne un couleur bleu par exemple et dès qu'on clique sur une autre case du menu évidement la case coloré disparait et la case cliquée devient à sont tour colorée.