Team:Buenos Aires/Pruebas

From 2013.igem.org

(Difference between revisions)
Line 6: Line 6:
         <meta name="keywords" content="biosensing, igem, buenos aires, UBA, arsenic"/>
         <meta name="keywords" content="biosensing, igem, buenos aires, UBA, arsenic"/>
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
-
 
-
 
-
 
-
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
 
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
 
Line 56: Line 51:
<div id="contenedor">
<div id="contenedor">
 +
 +
<div id="a1" style="z-index:999; position:absolute; top:50%;color:#000"><img src="images/ars.png"> <a style="background:#000">Arsenic</a> </div>
 +
<div id="a2" style="z-index:999; position:absolute; left: 40%; top:80%; color:#000"><img src="images/ars.png"> <a style="background:#000">Arsenic</a> </div>
 +
 +
<div id="a3" style="z-index:999; position:absolute; left: 80%; top:80%; color:#000"><img src="images/ars.png"> <a style="background:#000">Arsenic</a> </div>
 +
<div id="ac_background" class="ac_background">
<div id="ac_background" class="ac_background">
-
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg" alt="Background"/>
+
<img class="ac_bgimage" src="images/agua.jpg" alt="Background"/>
<div class="ac_overlay"></div>
<div class="ac_overlay"></div>
<div class="ac_loading"></div>
<div class="ac_loading"></div>
Line 175: Line 176:
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
 +
 +
<!--Para mover a las bacterias-->
 +
<script type="text/javascript">
 +
function beeLeft() {
 +
    $("#a1").animate({left: "-=50", top: "-=100"}, 4000, "swing", beeRight);
 +
$("#a2").animate({left: "-=50", top: "+=100"}, 4000, "swing");
 +
$("#a3").animate({left: "+=50", top: "+=50"}, 4000, "swing");
 +
 +
}
 +
function beeRight() {
 +
    $("#a1").animate({left: "+=50",top: "+=100"}, 4000, "swing", beeLeft);
 +
$("#a2").animate({left: "+=50",top: "-=100"}, 4000, "swing");
 +
$("#a3").animate({left: "-=50",top: "-=50"}, 4000, "swing");
 +
}
 +
 +
beeRight();
 +
 +
</script>

Revision as of 02:16, 25 June 2013

iGem Buenos Aires

Background

Buenos AiresiGem

Hola