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