THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
HTML |
---|
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://plugins.jquery.com/files/mbMenu.min.js_4.txt"></script> <script type="text/javascript"> function doSomething() { $(".myMenu").buildMenu( { template:"menuVoices.jsp", additionalData:"", menuWidth:200, openOnRight:false, menuSelector: ".menuContainer", iconPath:"ico/", hasImages:true, fadeInTime:200, fadeOutTime:100, adjustLeft:2, adjustTop:10, opacity:.95, shadow:true, closeOnMouseOut:true, closeAfter:500, minZindex:"auto", // or number hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false; }); } doSomething(); </script> <!-- menu voices --> <div class="myMenu"> <table class="rootVoices" cellspacing='0' cellpadding='0' border='0'><tr> <td menu="menu_12" >ajax menu 1</td> <td menu="menu_2" >menu 2</td> <td menu="menu_3" >menu 3</td> </tr></table> </div> <!-- end menu voices --> <!-- example code --> <div id="menu_1" class="menu"> <a rel="title" >title menu_1.1</a> <!-- menuvoice title--> <a href="../mb_carusel/carousel.html" target="_blank" img="image.gif" >menu_1.1 (href)</a> <!-- menuvoice with href--> <a action="document.title=('menu_1.2')" >menu_1.2</a> <!-- menuvoice with js action--> <a rel="separator"></a> <!-- menuvoice separator--> <a action="document.title=('menu_1.3')" disabled=true>menu_1.3</a> <!-- menuvoice disabled--> <a action="document.title=('menu_1.4')" menu="menu_1" img="image.png">menu_1.4</a><!-- menuvoice with js action, image and submenu--> </div> |