Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
Line 10: Line 10:
-
<!--=====================================MENU ACORDEON 2 ======================================= -->
+
<!--=====================================MENU ACORDEON ======================================= -->
 +
<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 76: Line 77:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
$("#firstpane p.menu_head").click(function()
+
$("# firstpanep.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 108: Line 110:
</style>
</style>
-
 
Line 146: Line 147:
</style>
</style>
-
<html>
+
<!--Busqueda-->
-
<head>
+
#search-controls{display:none;}
-
<!--=========================================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">
-
$("#serach").click(function()
+
$(document).ready(function(){
-
{
+
$(#serach).click(function() {
-
  $(#search-controls).css("display","block");
+
$(#search-controls).css({'display':'block'});
 +
  });
 +
});
});
</script>
</script>
 +
</body>
</body>

Revision as of 01:25, 15 May 2011

Search

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