注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。