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" /> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
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=" | + | <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