Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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">
$(".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;

});
</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>