This is a simple jquery menu tutorial with basic css and jquery code. you can apply this menu easily into your website, and you can customize its colors and font as required by you.
CSS
#menu
{
margin:0px;
padding:0px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#menu li
{
float:left;
}
#menu li a
{
display:block;
height:40px;
line-height:40px;
color:#fff;
background:#C60;
text-decoration:none;
padding:0px 20px;
}
#menu li a:hover
{
background:#333;
}
#menu li ul{display:none;position:absolute;list-style:none;margin:0px;padding:0px;}
#menu li ul li{float:none;}
Jquery
HTML
Download File Used in this example View Live Demo
No comments:
Post a Comment