Difference between revisions of "Team:Nankai/Team"
| Line 1: | Line 1: | ||
| − | + | {{Nankai}} | |
<html> | <html> | ||
| 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"/> | ||
| − | |||
| − | |||
| Line 18: | Line 16: | ||
$(function () { | $(function () { | ||
var filterList = { | 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 () { | hoverEffect: function () { | ||
// Simple parallax effect | // Simple parallax effect | ||
$('#portfoliolist .portfolio').hover( | $('#portfoliolist .portfolio').hover( | ||
| − | function () {$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); | + | function () { |
| + | $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad'); | ||
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); | $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad'); | ||
}, | }, | ||
| − | + | function () { | |
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); | $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad'); | ||
| − | $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); | + | $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad'); |
| − | + | } | |
| − | } | + | |
); | ); | ||
Revision as of 08:23, 18 September 2015
