|
|
Line 30: |
Line 30: |
| <link href="https://2015.igem.org/Template:Nankai/styleCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> | | <link href="https://2015.igem.org/Template:Nankai/styleCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> |
| | | |
− | | + | <script src="https://2015.igem.org/Template:Nankai/bootstrapmin?action=raw&ctype=text/javascript"></script> |
| <style> | | <style> |
| | | |
Line 88: |
Line 88: |
| | | |
| <!---- start-portfolio-script-----> | | <!---- start-portfolio-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">
| |
− | $(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>
| |
| | | |
| <!----//End-portfolio-script-----> | | <!----//End-portfolio-script-----> |