粉色风格人物展示模板
<script src="js/hover_pack.js"></script> <script type="text/javascript" src="js/jquery.mixitup.min.js"></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>
资源均来自第三方，谨慎下载，前往第三方网站下载
