HTML/CSS/JS: Rollover-Effect for navigation-menu

I got another CSS/JS question: I want to make a navigation menu, where there is at the beginning a div with just a text in it. If I hover with the mouse on it, there should appear a background from the left to the right.

Is this only possible with JS (so if hover, an interval gets startet which moves the background behind the text) or are there any other possibilities?

I hope you understood what I tried to say ...

Thanks for help!

Flo

EDIT: It's something moving开发者_如何学运维 just like this navigation here: http://iipvapi.com/, but only a simple background from the left to the right.

---

You could use the :hover CSS selector. This will not provide animation functionality though. It will just apply the style or not based on whether you are hovering.

You could do it with pure JavaScript, but it would be a little awkward if you want animation.

You could do it with JavaScript using jQuery, which provides animation functionality and is easy to use. You probably want the animate function, as it sounds like a bit more of a custom solution than functions such as slideDown would provide.