[jQuery] More dynamic menus
Does anyone know how I can create a stripe as shown in the demo (<a href="http://jojowebdesign.com/skills/javascript/dynamic_menus.asp">
http://jojowebdesign.com/skills/javascript/dynamic_menus.asp</a>)
But not having to manually set the padding style on the <a> tag as shown below? That it would be fun, and with the *right* color/hue change it would look gradient.
JS:
$('.divLeft').hover(function(){
$(this).addClass('highlighted');},function(){
$(this).removeClass('highlighted');
});
CODE:
<div class='divLeft menuTopDiv'>
<a href="#" style='padding: 0px 46px;'>HOME</a>
</div>
<div class='divLeft menuTopDiv'>
<a href="#" style='padding: 0px 42px;'>TOOLS</a>
</div>
<div class='divLeft menuTopDiv'>
<a href="#" style='padding: 0px 34px;'>AGENCIES</a>
</div>
<div class='divLeft menuTopDiv'>
<a href="#" style='padding: 0px 47px;'>HELP</a>
</div><br clear="all">
I played around with stretching it with a div inside but that negates the hyperlink... also tried padding at 100% etc..
--
Dan Acuff
203-297-1505
Sr. Web Designer, Sr. Web Developer
<a href="http://www.jojowebdesign.com">www.jojowebdesign.com</a>
<a href="mailto:jojowebdev@gmail.com">jojowebdev@gmail.com</a>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/