Team:Buenos Aires/Pruebas

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
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  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
Line 55: Line 53:
<div id="contenedor">
<div id="contenedor">
 +
<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/7/77/B1.jpg/800px-B1.jpg" alt="Background"/>
+
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg" alt="Background"/>
<div class="ac_overlay"></div>
<div class="ac_overlay"></div>
<div class="ac_loading"></div>
<div class="ac_loading"></div>
Line 69: Line 68:
<div class="ac_menu">
<div class="ac_menu">
<ul>
<ul>
 +
                                        <li>
 +
<a href="https://static.igem.org/mediawiki/2013/thumb/8/85/B5.jpg/800px-B5.jpg">Tour</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Tour</h2>
 +
<ul>
 +
<li>Take a wiki tour!</li>
 +
</ul>
 +
</div>
 +
</li>
<li>
<li>
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
Line 78: Line 87:
toxic pollutants in water</li>
toxic pollutants in water</li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
-
<li><a class="sub_menu_link" id="Mot" href="#nada">Motivation</a></li>
+
<li><a class="sub_menu_link" id="Mot" href="_motivation">Motivation</a></li>
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
</ul>
</ul>
Line 100: Line 109:
<ul>
<ul>
<li>The Team.</li>
<li>The Team.</li>
 +
 +
<li><a class="sub_menu_link" id="Obj" href="_members">Members</a></li>
</ul>
</ul>
Line 117: Line 128:
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
<div class="text_loading"></div>
<div class="text_loading"></div>
-
<div class="texto" id="textObj">
+
<div class="texto" id="textExt"> Hola
-
 
+
-
<!--<iframe name="textObjetivo" src="2013.igem.org/Team:Buenos_Aires/blanco"></iframe>-->
+
</div>
</div>
Line 164: Line 173:
     <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>
Line 294: Line 321:
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
});
});
 +
return false;
return false;
});
});
Line 308: Line 336:
-
$(".sub_menu_link").bind('click.Menu', function(e){
+
$(".sub_menu_link").bind('click.Menu', function(){
 +
loadText(this);
 +
return false;
-
var currentId = $(this).attr('id');
+
});
-
/* all other text display is none*/
 
-
$('.texto').css({opacity:'0.0',display: 'none'});
 
-
new_link = $(this).attr('href')+ " #cargado";
 
-
$text_loading.show();
 
-
 
-
$('#textObj').load(new_link, function() {
 
-
/* hide text: */
 
-
                                        $text_loading.hide();
 
-
$('#text' + currentId).css({display: 'block'});
 
-
$('#text' + currentId).stop()
 
-
.animate({opacity: '1'}, 1400, function(){});
 
-
});
 
 +
 +
});
 +
},
 +
 +
loadText = function(link) {
 +
 +
/* Change opacity for later animatation*/
 +
$('.texto').css({opacity:'0.0'});
 +
 +
new_link = $(link).attr('href')+ " #external";
 +
$text_loading.show();
 +
 +
$('#textExt').load(new_link, function() {
 +
/* hide loading text: */
 +
                                        $text_loading.hide();
 +
/*show external div in textExt*/
 +
$('#textExt').css({display: 'block'});
 +
$('#textExt').stop()
 +
.animate({opacity: '1'}, 1400, function(){});
 +
/*Bind function recursivily in the links of the external*/
 +
                                                        $('.texto a').css({color:"#68A"});
 +
$('.texto a').bind('click.Menu', function(){
 +
loadText(this);
return false;
return false;
 +
});
});
});
-
+
 
-
+
-
});
+
},
},

Latest revision as of 19:50, 1 July 2013

iGem Buenos Aires

Background

Buenos AiresiGem

Hola