注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-25
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>