JQUERY SLIDING MENU



this menu is very simple and attractive style. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate. The above jquery sliding menu was tested in major browsers and found o.k. You may use this freemenu for your personal / commercial web pages without any royalty. However, kindly link this site. The Jquery and JS file and css are given below. Please include the three files in the header.
<link rel="stylesheet" type="text/css" href="http://www.piperate.com/host/kkk.css" /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script> <script type="text/javascript" src="http://www.piperate.com/host/kkk.js"></script>
Please put following HTML code in the body at the div(where menu to be appeared)
<div id="fm"> <ul> <li class="current"><a href="#">HOME</a></li> <li><a href="#">PRODUCT</a></li> <li><a href="#">ABOUT </a></li> <li><a href="#">CONTACT</a></li> </ul> </div>


For detailed Horizontal tree menu supported by Jquery: CHECK HERE



    SIMPLE HORIZONTAL MENU:     CHCEK CODE

No comments:

Click Here To add Comment

Post a Comment