当前位置:首页 > 设计素材 > 单页模版 >

粉色风格人物展示模板

时间:2014-05-21 23:31 来源:互联网 作者:源码搜藏 收藏

  • 源码类别:单页模版
  • 源码大小:844 KB
  • 广告推荐
在线演示立即下载
粉色风格人物展示模板粉色风格人物展示模板是一款适合模特比赛人物展示的HTML网站模板粉红色模特HTML人物

<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>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

单页模版下载排行

最新文章