Log in or Sign up

Need help regarding hover background color change

Discussion in 'jQuery' started by strgraphics, Jul 9, 2011.

strgraphics Active Member

Messages:

710

Likes Received:

1

Best Answers:

0

Trophy Points:

53

#1

Hello friends..,

I need to change the background color of my li a slowly, on mouse hover..., but its not changing can you please help me on this...

Code:

<head>
<script type='text/javascript' src='jquery.js'></script>

<script>

$(function(){

$("li a").hover(function() {
$(this).animate({ backgroundColor: "blue" }, 'slow');

});

});

</script>

<style>
li a {
color: #ffffff;
display:block;
background: #555555;
}

</style>

</head>

<body>

<ul>
<li><a href="">one</a></li>
<li><a href="">two</a></li>
</ul>

</body>
Click to expand...

strgraphics, Jul 9, 2011 IP
MarPlo Member

Messages:

97

Likes Received:

2

Best Answers:

2

Trophy Points:

48

#2

Hy,
To animate CSS colors, you need a jQuery plugin.
See here jQuery Animate color

MarPlo, Jul 10, 2011 IP
strgraphics Active Member

Messages:

710

Likes Received:

1

Best Answers:

0

Trophy Points:

53

#3

Its helped finally., thanks MarPlo

strgraphics, Jul 12, 2011 IP

(You must log in or sign up to reply here.)