"
Template:Team:Bonn:PageMenu
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script> | ||
| + | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/inc/mbMenu.js"></script> | ||
| + | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/inc/styleswitch.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $(function(){ | ||
| + | $(".myMenu").buildMenu({ | ||
| + | template:"yourMenuVoiceTemplate", | ||
| + | additionalData:"", | ||
| + | menuSelector:".menuContainer", | ||
| + | menuWidth:150, | ||
| + | openOnRight:false, | ||
| + | containment:"window", | ||
| + | iconPath:"ico/", | ||
| + | hasImages:true, | ||
| + | fadeInTime:100, | ||
| + | fadeOutTime:200, | ||
| + | menuTop:0, | ||
| + | menuLeft:0, | ||
| + | submenuTop:0, | ||
| + | submenuLeft:4, | ||
| + | opacity:1, | ||
| + | shadow:false, | ||
| + | shadowColor:"black", | ||
| + | shadowOpacity:.2, | ||
| + | openOnClick:true, | ||
| + | closeOnMouseOut:false, | ||
| + | closeAfter:500, | ||
| + | minZindex:"auto", | ||
| + | hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false; | ||
| + | submenuHoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false; | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EDEDED"> | ||
| + | <tr> | ||
| + | <td width="180" height="33" style="padding:10px" class="style"> | ||
| + | </td> | ||
| + | <td valign="bottom"> | ||
| + | <table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="container"> | ||
| + | <tr> | ||
| + | <td class="myMenu"> | ||
| + | |||
| + | <!-- start horizontal menu --> | ||
| + | |||
| + | <table class="rootVoices" cellspacing='0' cellpadding='0' border='0'><tr> | ||
| + | <td class="rootVoice {menu: 'box_menu'}" >box menu</td> | ||
| + | <td class="rootVoice {menu: 'menu_12'}" >ajax menu</td> | ||
| + | <td class="rootVoice {menu: 'menu_1'}" >menu 1</td> | ||
| + | <td class="rootVoice {menu: 'menu_2', disabled:true}" >menu disabled</td> | ||
| + | <td class="rootVoice {menu: 'menu_3'}" >menu 2</td> | ||
| + | <td class="rootVoice {menu: 'empty'}" onclick="showMessage('empty root menu')">empty menu</td> | ||
| + | </tr></table> | ||
| + | |||
| + | <!-- end horizontal menu --> | ||
| + | |||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
<div class="menu"> | <div class="menu"> | ||
<ul id="menu-top"> | <ul id="menu-top"> | ||
Revision as of 16:16, 28 April 2013
|
