{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery鼠标滚动全屏3D翻转动画切换代码
喜欢 ()分享 (0)