Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
(Undo revision 5986 by Pcamino (talk))
Line 10: Line 10:
-
<!--=====================================MENU ACORDEON ======================================= -->
+
<!--=====================================MENU ACORDEON 2 ======================================= -->
-
<div id="serach" >Search</div>
+
-
 
+
<div id="firstpane" class="menu_list">
<div id="firstpane" class="menu_list">
   <p class="menu_head"><a href="#">Home</a></p>
   <p class="menu_head"><a href="#">Home</a></p>
     <div class="menu_body">
     <div class="menu_body">
 +
     </div>
     </div>
   <p class="menu_head">The Team</p>
   <p class="menu_head">The Team</p>
     <div class="menu_body">
     <div class="menu_body">
         <a href="#">Components</a>
         <a href="#">Components</a>
 +
        <a href="#">Sponsors</a> 
     </div>
     </div>
   <p class="menu_head">The Project</p>
   <p class="menu_head">The Project</p>
Line 37: Line 37:
<p class="menu_head">Attributions</p>
<p class="menu_head">Attributions</p>
     <div class="menu_body">
     <div class="menu_body">
-
 
          
          
     </div>
     </div>
Line 77: Line 76:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
$("# firstpanep.menu_head").click(function()
+
$("#firstpane p.menu_head").click(function()
{
{
   $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
   $(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)"});
   $(this).siblings().css({backgroundImage:"url(left.png)"});
});
});
-
 
+
</script>
-
 
+
<!-- FIN -->
<!-- FIN -->
Line 110: Line 108:
</style>
</style>
 +
Line 147: Line 146:
</style>
</style>
-
<!--Busqueda-->
+
<html>
-
#search-controls{display:none;}
+
<head>
 +
<!--=========================================CARGAS============================================= -->
 +
<!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString --> 
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 +
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<!--=====================================MENU ACORDEON 2 ======================================= -->
 +
 
 +
<!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
 +
<style>
 +
.menu_list {
 +
width: 150px;
 +
        float:left;
 +
}
 +
.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;
 +
}
 +
 
 +
#search-controls{
 +
display:none;
 +
}
 +
 
 +
</style>
 +
<!--=====================================Busqueda======================================= -->
<script type="text/javascript">
<script type="text/javascript">
-
$(document).ready(function(){
+
$("#serach").click(function()
-
$(#serach).click(function() {
+
{
-
$(#search-controls).css({'display':'block'});
+
  $(#search-controls).css("display","block");
-
  });
+
-
+
});
});
</script>
</script>
-
 
</body>
</body>

Revision as of 01:27, 15 May 2011

Retrieved from "http://2011.igem.org/Team:Sevilla/template1"