Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
Line 7: Line 7:
</head>
</head>
-
</body>
+
<body>
<!--=====================================MENU ACORDEON /*mucha morralla*/======================================== -->   
<!--=====================================MENU ACORDEON /*mucha morralla*/======================================== -->   
<div id="menu">
<div id="menu">
Line 97: Line 97:
              
              
}
}
 +
</style>
 +
 +
<!--=====================================MENU ACORDEON 2 ======================================= -->
 +
 +
<div id="firstpane" class="menu_list">
 +
  <p class="menu_head">Header-1</p>
 +
    <div class="menu_body">
 +
        <a href="#">Link-1</a>
 +
    </div>
 +
  <p class="menu_head">Header-2</p>
 +
    <div class="menu_body">
 +
        <a href="#">Link-1</a>
 +
    </div>
 +
  <p class="menu_head">Header-3</p>
 +
    <div class="menu_body">
 +
        <a href="#">Link-1</a>
 +
  </div>
 +
 +
<style>
 +
.menu_list {
 +
width: 150px;
 +
}
 +
.menu_head {
 +
padding: 5px 10px;
 +
cursor: pointer;
 +
position: relative;
 +
margin:1px;
 +
      font-weight:bold;
 +
      background: #eef4d3 url(left.png) center right no-repeat;
 +
}
 +
.menu_body {
 +
display:none;
 +
}
 +
.menu_body a {
 +
  display:block;
 +
  color:#006699;
 +
  background-color:#EFEFEF;
 +
  padding-left:10px;
 +
  font-weight:bold;
 +
  text-decoration:none;
 +
}
 +
.menu_body a:hover {
 +
  color: #000000;
 +
  text-decoration:underline;
 +
}
 +
 +
</style>
 +
<script type="text/javascript">
 +
$("#firstpane p.menu_head").mouseover(function()
 +
{
 +
  $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
 +
  $(this).siblings().css({backgroundImage:"url(left.png)"});
 +
});
 +
</script>
 +
 +
<!-- FIN -->
 +
<style>
 +
/*Estilo de la barra de arriba para que no se oculte*/
/*Estilo de la barra de arriba para que no se oculte*/
Line 119: Line 177:
</style>
</style>
 +

Revision as of 21:09, 11 April 2011