|
|
| (253 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/jquery.metadata.js"></script>
| |
| - | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/jquery.hoverIntent.js"></script>
| |
| | | | |
| - | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/mbMenu.js"></script>
| |
| - | <script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/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">
| |
| - | <ul id="menu-top">
| |
| - | <li id="menu-1" class="menu-column">
| |
| - | <div id="menu-home" class="menu-head"></html> [[Team:Bonn|Home]] <html></div>
| |
| - | </li>
| |
| - | <li id="menu-2" class="menu-column">
| |
| - | <div class="menu-head"></html> Team <html></div>
| |
| - | <ul class="menu-sub-ul" id="menu-sub-team">
| |
| - | <li class="menu-sub" id="menu-team-aboutus">
| |
| - | </html> About Us <html>
| |
| - | </li>
| |
| - | <li class="menu-sub" id="menu-team-officialprofile">
| |
| - | </html> [https://igem.org/Team.cgi?year=2013&team_name=Bonn Official Profile] <html>
| |
| - | </li>
| |
| - | <li class="menu-sub" id="menu-team-sponsors">
| |
| - | </html> Sponsors <html>
| |
| - | </li>
| |
| - | <li class="menu-sub" id="menu-team-sponsors">
| |
| - | </html> Acknowledgements<html>
| |
| - | </li>
| |
| - | <li class="menu-sub" id="menu-team-sponsors">
| |
| - | </html> Bonn <html>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="menu-3" class="menu-column">
| |
| - | <div class="menu-head"></html> Introduction <html></div>
| |
| - | <ul class="menu-sub-ul" id="menu-sub-intro">
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="menu-4" class="menu-column">
| |
| - | <div class="menu-head"></html> Project <html></div>
| |
| - | <ul class="menu-sub-ul" id="menu-sub-project">
| |
| - | </ul>
| |
| - | </li> <li id="menu-5" class="menu-column">
| |
| - | <div class="menu-head"></html> Human Practice <html></div>
| |
| - | <ul class="menu-sub-ul" id="menu-sub-hp">
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <script>
| |
| - | for(var m,m=1; m<3;m++) {
| |
| - | dropdown("menu-"+m);
| |
| - | }
| |
| - | </script>
| |
| - | </html>
| |
"
