Template:Team:Bonn:PageMenu

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<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/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" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/styleswitch.js"></script>
 +
<script type="text/javascript">
<script type="text/javascript">
$(function(){
$(function(){
Line 36: Line 34:
</script>
</script>
-
<table width="100%"  border="0" cellpadding="0" cellspacing="0" bgcolor="#EDEDED">
+
<div class="myMenu">
-
    <tr>
+
    <table class="rootVoices" cellspacing='0' cellpadding='0' border='0'>
-
      <td width="180" height="33" style="padding:10px" class="style">
+
      <tr>
-
      </td>
+
        <td class="rootVoice {menu: 'menu_12'}" >ajax menu 12</td>
-
      <td valign="bottom">
+
        <td class="rootVoice {menu: 'menu_2'}" >menu 2</td>
-
        <table  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="container">
+
        <td class="rootVoice {menu: 'menu_3'}" >menu 3</td>
-
          <tr>
+
        <td class="rootVoice {menu: 'empty'}" onclick="window.open('http://www.open-lab.com','ww');">menu 4 empty</td>     </tr>
-
            <td class="myMenu">
+
    </table>
-
 
+
   </div>
-
              <!-- 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 id="menu_1" class="mbmenu">
<div id="menu_1" class="mbmenu">

Revision as of 16:29, 28 April 2013

ajax menu 12 menu 2 menu 3 menu 4 empty