jQuery鼠标滚动全屏3D翻转动画切换代码

jQuery鼠标滚动全屏3D翻转动画切换代码-精品资源网
jQuery鼠标滚动全屏3D翻转动画切换代码
此内容为付费资源,请付费后查看
55
限时特惠
99
付费资源

jQuery鼠标滚动全屏3D翻转动画切换代码

jQuery鼠标滚动全屏3D翻转动画切换代码是一款带有索引按钮,支持鼠标滚轮滚动切换特效,还带有文字动画效果。

js代码

<script>
function animationIn(i){
console.log(i,\'i\\\'m in\')
switch(i) {
    case 1:
        $(\'.page2 h2\').fadeIn();
        break;
    case 2:
        $(\'.page3 h2\').animate({top:\'40%\',left:\'30%\'},1000);
        break;
	case 3:
			   setTimeout(function(){
		 $(\'.page4 h2\').addClass(\'ani\')
		 console.log(\'hhh\')
		},0)
        break;
    default:
        ;
}
}

function animationOut(i){
console.log(i,\'i\\\'m out\')
switch(i) {
    case 1:
        $(\'.page2 h2\').fadeOut();
        break;
    case 2:
        $(\'.page3 h2\').animate({top:0,left:0},1000);
        break;
	case 3:
        $(\'.page4 h2\').removeClass(\'ani\')
        break;
    default:
        ;
}
}
</script>
<script src=\'js/mousewheel.js\'></script>
<script src=\"js/jquery.touchSwipe.js\"></script>
<script src=\"js/cubeTransition.js\"></script>

© 版权声明
THE END
喜欢就支持一下吧
点赞129 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容