We are happy to announce that we implemented a
jQuery Tab Menu plugin which is completely functional and is
FREE. This jQuery plugin comes with full javascript source code, css stylesheet and demo application. It’s very small and easy to use.
Here’s how it looks:
All you need to do, to add the Tab Menu to your web page is shown below:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="jqwidgetstabmenu.js"></script>
<script type="text/javascript">
$(document).ready(function () {
jqwidgetstabmenu("tabmenuid");
});
</script>
The tab menu has built-in selection animation effect, customizable open trigger and optional open and selection callbacks. By default, the drop down menus are opened when the mouse enters a top-level anchor element.
Try out the
Online Demo and if you like it,
download it. It’s Free and is less than 10KB.
CodeProject
Hey there,
I was wondering where in the code do I put the link that the user clicks? There isn’t really much documentation on this Menu.
You can take a look at the Online Demo and View its Source or Download the Menu with Demo project from the download link below the post. The Tab Menu is built from UL with LI elements – they define the tabs. Each Tab has an associated DIV tag. When you move the mouse cursor over a Tab,its associated DIV tag is displayed. You can put any type of content inside the DIV tags.