Difference between revisions of "Team:Nankai/Team"

Line 34: Line 34:
 
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?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" src="https://2015.igem.org/Template:Nankai/jquerymixitupmin?action=raw&ctype=text/javascript "></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:Nankai/jquerymixitupmin?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 05:15, 14 September 2015

Medigo Blue, free responsive template

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