Difference between revisions of "Team:Nankai/Team"

Line 10: Line 10:
 
<link href="https://2015.igem.org/Template:Nankai/bootstrapminCSSforteam3?action=raw&ctype=text/css" type="text/css" rel="stylesheet"  media="all"/>
 
<link href="https://2015.igem.org/Template:Nankai/bootstrapminCSSforteam3?action=raw&ctype=text/css" type="text/css" rel="stylesheet"  media="all"/>
  
 +
<script src="https://2015.igem.org/Template:Nankai/bootstrapmin?action=raw&ctype=text/javascript"></script>
  
 +
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
  
−
 
−
<script type="text/javascript">
 
−
$(function () {
 
−
var filterList = {
 
−
init: function () {
 
−
 
−
// MixItUp plugin
 
−
// http://mixitup.io
 
−
$('#portfoliolist').mixitup({
 
−
targetSelector: '.portfolio',
 
−
filterSelector: '.filter',
 
−
effects: ['fade'],
 
−
easing: 'snap',
 
−
// call the hover effect
 
−
onMixEnd: filterList.hoverEffect()
 
−
});
 
−
 
−
},
 
−
hoverEffect: function () {
 
−
// Simple parallax effect
 
−
$('#portfoliolist .portfolio').hover(
 
−
function () {
 
−
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
 
−
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
 
−
},
 
−
function () {
 
−
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
 
−
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
 
−
}
 
−
);
 
−
 
−
}
 
−
 
−
};
 
−
// Run the show!
 
−
filterList.init();
 
−
});
 
−
</script>
 
 
<style>
 
<style>
  

Revision as of 08:11, 18 September 2015

Medigo Blue, free responsive template

Home
  • Your place: Home > Team
  • All
  • Instructor
  • Senior
  • Junior