Difference between revisions of "Team:Pasteur Paris"

Line 3: Line 3:
 
<html>
 
<html>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
//===================================================
 +
//Unhover items => show everything
 +
//===================================================
 +
function Show () {
 +
    $('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
    $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
    $('#desc_item2').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
}
 +
 +
//===================================================
 +
//Items description animation
 +
//===================================================
 
$(document).ready(function(){
 
$(document).ready(function(){
−
                  //====================================================
+
      //====================================================
−
                  //Hover the item => Hide front and hide others items
+
      //Hover the item => Hide front and hide others items
−
                  //====================================================
+
      //====================================================
−
                  $('.Item1').hover(function(){
+
      $('.Item1').hover(function(){
−
        $('.front').stop().animate({'top' : '-150px'}, 500);
+
$('.front').stop().animate({'top' : '-150px'}, 500);
−
        $('#desc_item2').stop().animate({'top' : '-150px'}, 0);
+
$('#desc_item2').stop().animate({'top' : '-150px'}, 0);
−
},
+
      },function(){Show();}
−
                /*$('.Item2').hover(function(){
+
      );
−
        $('.front').stop().animate({'top' : '-150px'}, 500);
+
      $('.Item2').hover(function(){
−
        $('#desc_item1').stop().animate({'top' : '-150px'}, 0);
+
$('.front').stop().animate({'top' : '-150px'}, 500);
−
},*/
+
$('#desc_item1').stop().animate({'top' : '-150px'}, 0);
−
                  function(){
+
      },function(){Show();}
−
                //===================================================
+
      );
−
                //Unhover items => show everything
+
                  /*function(){
−
                //===================================================
+
 
                     $('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 
                     $('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 
                     $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 
                     $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 
    $('#desc_item2').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 
    $('#desc_item2').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
−
                 });
+
                 }*/
 
});
 
});
 
</script>
 
</script>

Revision as of 09:30, 30 July 2015

Presentation video of our project, PlastiCure!
Made by iGEM IONIS, during the Parisian Meet-up!

Item 1
Item 2
Description of the item 1 in construction.
Description of the item 2 in construction.
Description in construction