Oui c'est possible en javascript ou avec la library jquery par exemple.
tu lui dira alors quelquechose comme:
$(document).ready(function(){
$('#idssmenu').css('cursor','pointer').mouseover(function(){
$(this).css("color", "#BBB");
$('#idmenu').css("color", "#AAA");
});
});
Attention j'ai simplifier à l'extrême; il vas te falloir te plonger dans le code et bien réfléchir
Que se passe til sur le mouseout au click .. etc...
Bref tu te lance dans un truc un peu complqiué quand même mais tout à fait faisable.
tu peux aussi utiliser le conditionnel et même gerer le conditionnel sur une couleur du css cela donne par exemple pour un menu de site depliant que j'ai fait: qui au survol change de couleur et au clique prend la couleur:
Cordialement.
// RGB
function rgbToHex(rgb) {
var rgbvals = /rgb\((.+),(.+),(.+)\)/i.exec(rgb);
var rval = parseInt(rgbvals[1]);
var gval = parseInt(rgbvals[2]);
var bval = parseInt(rgbvals[3]);
return '#' + (
rval.toString(16) +
gval.toString(16) +
bval.toString(16)
).toUpperCase();
}
// MENU
var flag = false;
$(document).ready(function(){
$('.menu_block').css('cursor','pointer').mouseover(function(){
if (rgbToHex($(this).css("backgroundColor")) == "#C2C2C2") {
$(this).css("backgroundColor", "#dedfe4");
}
else{
flag = true;
}
});
$('.ssmenu_depliant').css('cursor','pointer').mouseover(function(){
if (rgbToHex($(this).css("backgroundColor")) == "#C2C2C2") {
$(this).css("backgroundColor", "#d3d3d3");
}
else{
flag = true;
}
});
$('.menu_block').css('cursor','pointer').mouseout(function(){
if (flag == false) {
$(this).css("backgroundColor", "#C2C2C2");
}
else{
flag = false;
}
});
$('.ssmenu_depliant').css('cursor','pointer').mouseout(function(){
if (flag == false) {
$(this).css("backgroundColor", "#C2C2C2");
}
else{
flag = false;
}
});
$('.menu_block').css('cursor','pointer').click(function(){
if (flag == false) {
$(this).css("backgroundColor", "#dedfe3");
flag = true;
}
else {
$(this).css("backgroundColor", "#C2C2C2");
flag = false;
}
});
$('.ssmenu_depliant').css('cursor','pointer').click(function(){
if (flag == false) {
$(this).css("backgroundColor", "#d3d3d3");
flag = true;
}
else {
$(this).css("backgroundColor", "#C2C2C2");
flag = false;
}
$(this).next().slideToggle('slow');
});
$('.menu').css('cursor','pointer').click(function(){
$(this).next().slideToggle('slow');
});
});
Modifié par casp (22 Oct 2009 - 19:40)
...