Lastest JavaScripts: Menu
http://www.javascriptbank.com/rss/menu/
Lastest JavaScripts: MenuenCopyright (C) JavaScriptBank.com60[email protected] RSSJavaScript DreamWeaver SpryAssets Accordion<img src="http://www.javascriptbank.com/javascript.images/menu/javascript-dreamweaver-spryassets-accordion.jpg" width="100" height="100" align="left" style="margin: 5px;" />This is very cool <a href="http://www.javascriptbank.com/javascript/menu/multilevel-menu/">JavaScript multi-level menu</a>, it creates a <a href="http://www.javascriptbank.com/=JavaScript menu accordion">JavaScript menu accordion</a> that like DreamWeaver right-side menus. Can use this <a href="http://www.javascriptbank.com/=JavaScript multi-level menu code">JavaScript multi-level menu code</a> to make your menu navigation become more unique and beautiful. Especially, this JavaScript menu code does not use any JavaScript framework. You can see the demo inside the inner page and download the full completed package, or try more other very awesome JavaScript menu examples below:
- <a href="http://www.javascriptbank.com/awesome-jquery-accordion-with-css3-html5.html">Awesome jQuery Accordion with CSS3 and HTML5</a>
- <a href="http://www.javascriptbank.com/javascript-multi-level-navigation-menu-with-states-remember.html">JavaScript Multi-level Navigation Menu with States-Remember</a>
- <a href="http://www.javascriptbank.com/super-amazing-jquery-dynamic-navigation-menu-solutions.html">Super Amazing jQuery Dynamic Navigation Menu Solutions</a>
- <a href="http://www.javascriptbank.com/30-essential-javascript-framework-supported-navigation-menu-techniques.html">30+ Essential Javascript Framework Supported Navigation Menu Techniques</a>
- <a href="http://www.javascriptbank.com/9-nice-useful-javascript-and-ajax-navigation-tree-menus.html">9 Nice Useful JavaScript and Ajax Navigation Tree Menus</a>
- <a href="http://www.javascriptbank.com/best-jquery-interactive-navigation-menu-tutorials-for-creative-designs.html">Best jQuery Interactive Navigation Menu Tutorials for Creative designs</a>
http://www.javascriptbank.com/javascript-dreamweaver-spryassets-accordion.html
1314679909JavaScript Multi-level Navigation Menu with States-Remember<img src="http://www.javascriptbank.com/javascript.images/menu/javascript-multi-level-navigation-menu-with-states-remember.jpg" width="100" height="100" align="left" style="margin: 5px;" />This JavaScript code example will create a multi-level navigation menu on your web pages (in the live demo of this JavaScript code example, we have 3 levels; and obviously you can add as many levels as you want).
The advantages of this JavaScript code example are in following good ideas: just one root of menus opened at the same time; besides, this <a href="http://www.javascriptbank.com/dynamic-menu-navigation.html">JavaScript menu navigation script</a> uses cookie to store the states of menus, they will keep the old states every time the web pages will be refreshed.
http://www.javascriptbank.com/javascript-multi-level-navigation-menu-with-states-remember.html
1301548365JavaScript Content Auto-Indexing using DOM<img src="http://www.javascriptbank.com/javascript.images/menu/javascript-content-auto-indexing-using-dom.jpg" width="100" height="100" align="left" style="margin: 5px;" />On the web pages with a lot of text content such as technical documents, novels, text stories, reportages, etc; usually we have to create the bookrmarks (anchor links) manuallly. Now these time-consuming jobs like that will be not available if the web pages use this <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a>; this JavaScript code makes it easy for people to jump to the section they want to read by making a table of contents using the <code>h1</code> to <code>h6</code> tags automatically. Now it's time to create content only for content publishers!
http://www.javascriptbank.com/javascript-content-auto-indexing-using-dom.html
1297315271Multilevel Dynamic Menu<img src="http://www.javascriptbank.com/javascript.images/menu/multilevel-dynamic-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />A JavaScript code to build the <a href="/javascript/menu/multilevel-menu/">multi level menu</a> on your web pages, each item has a icon for itself; this script works on all <a href="/javascript/browser/">poppular browsers</a>, but more beautiful in Internet Explorer because it uses filters in engine of this browser for performing fade effects.
http://www.javascriptbank.com/multilevel-dynamic-menu.html
1253897033Semantic On-Page Content List<img src="http://www.javascriptbank.com/javascript.images/menu/semantic-on-page-content-list.jpg" width="100" height="100" align="left" style="margin: 5px;" />This is another script, similar to <a href="/collapsible-navigation-menus.html">Collapsible Navigation Menus</a> to display/hide related content just by one click, of course just one data page, subject is open each time. However, design in this script is not better.
http://www.javascriptbank.com/semantic-on-page-content-list.html
1239755824Collapsible Navigation Menus<img src="http://www.javascriptbank.com/javascript.images/menu/collapsible-navigation-menus.jpg" width="100" height="100" align="left" style="margin: 5px;" />Toggle additional information through on click, that is feature of this <a href="/javascript/">JavaScript code</a>. Just one <a href="/=collapsible div">collapsible div</a> is opened each time, the previous one will be closed automatically. You can add unlimited information <a href="/=text select">text select</a>. Very excelent for <a href="/title=faq">F.A.Q</a>.
http://www.javascriptbank.com/collapsible-navigation-menus.html
1239669416Multilevel Drop Down Horizontal Navigation<img src="http://www.javascriptbank.com/javascript.images/menu/multilevel-drop-down-horizontal-navigation.jpg" width="100" height="100" align="left" style="margin: 5px;" />This code uses both <a href="/javascript/css/">CSS</a> and <a href="/javascript/">JavaScript</a> for creating multilevel drop down navigation menus, submenus will appear when users move mouse over them. Customize it as you want, menu is created with CSS - a modern web design technique, by using unordered lists and hidden layers.
http://www.javascriptbank.com/multilevel-drop-down-horizontal-navigation.html
1239669415XP Style Switch Navigation<img src="http://www.javascriptbank.com/javascript.images/menu/xp-style-switch-navigation.jpg" width="100" height="100" align="left" style="margin: 5px;" />This code creates <a href="/javascript/menu/navigation/">navigation menus</a> with <a href="/javascript/css/">CSS stylesheet</a> and operations are similar to <a href="/title=Windows XP">Windows XP</a>. Additionally, this code also uses <a href="/javascript/cookie/">cookie</a> to store the state of the menus, and the <a href="/=fade effect">fade effect</a> is optional, you can turned it off.
See also: <a href="/switch-menu-script.html">Switch Menu script</a>.
http://www.javascriptbank.com/xp-style-switch-navigation.html
1239669413Dropdown Navigation Controller<img src="http://www.javascriptbank.com/javascript.images/menu/dropdown-navigation-controller.jpg" width="100" height="100" align="left" style="margin: 5px;" />See the name, maybe you think that this <a href="/javascript/">JavaScript code</a> have the complex source code and excellent features? If you are thinking like that, maybe author has disappointed you because this code is quite simple, but author give the name.
This JavaScript creates a drop down control for your content on the page, such as <a href="/javascript/menu/navigation/">navigation menu</a>, <a href="/javascript/css/vertical-menu/">menu vertical</a> or a <a href="/javascript/utility/search-code/">search form</a>. The content link to drop down is simply hidden in a container and dynamically shown onClick or onMouseover. See also: <a href="/overlapping-content-link.html">Overlapping content link</a> if you want.
http://www.javascriptbank.com/dropdown-navigation-controller.html
1239583005Select Option Navigation Menu<img src="http://www.javascriptbank.com/javascript.images/menu/select-option-navigation-menu.jpg" width="100" height="100" align="left" style="margin: 5px;" />You can use this <a href="/javascript/">JavaScript code</a> to create a drop-down navigation menu for <a href="/javascript/link/">links</a> to other sites. Everytime visitors click for selecting, their <a href="/javascript/browser/">browser</a> will direct visitors to specific addresses in dropdown. A very tiny <a href="/javascript/">JavaScript effect</a> but too efficient to the sites contain many things, need to save page-spaces.
http://www.javascriptbank.com/select-option-navigation-menu.html
1236904596