Just tried with
document.getElementById("menulink1").style.color="#999";
document.getElementById("menulink2").style.color="#999";
document.getElementById("menulink3").style.color="#900";
Doesn't seem to make a difference.
On Jan 23, 2:02 pm, Kevin <[email protected]> wrote:
> Hi, I have some menu links that have a hover color property.
>
> I recently added some color changes on click through JQuery to
> represent the current active page with
>
> $("#menulink1").click(function(){
> $('#menulink1').css("color","#000");
> $('#menulink2').css("color","#555");
> $('#menulink3').css("color","#555");
> return false;});
>
> $("#menulink2").click(function(){
> $('#menulink1').css("color","#555");
> $('#menulink2').css("color","#000");
> $('#menulink3').css("color","#555");
> return false;});
>
> $("#menulink3").click(function(){
> $('#menulink1').css("color","#555");
> $('#menulink2').css("color","#555");
> $('#menulink3').css("color","#000");
> return false;
>
> });
>
> As soon as one of these functions are activated, however, the css
> hover property seems to just stop working and it doesn't look like I
> can edit the css hover property through JQuery.
>
> I've tried .hover() but unless I indicate a color on mouseout, the
> hover color just gets stuck and if I do indicate a mouseout color,
> than the code above just gets ignored.
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
