/ Published in: jQuery
The underlining under the links moves smoothly between them, just like the menu navigation in http://www.claudiobonifazi.com
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<nav> <a href="#">home</a> <a href="#">contact</a> <a href="#">servizi</a> <a href="#">gallery</a> <a href="#">blog</a> <span></span> </nav> -------------------------------------------------------------------------------------- nav a{text-decoration:none} nav span{background:#000;height:.3em;display:block;position:relative;width:50px;left:0} --------------------------------------------------------------------------------------- $('a','nav').mouseover(function(){ $('span','nav').animate({ 'width': $(this).width(), 'left': $(this).position().left} ,'fast') })