jQuery和jsModern插件实现全屏滚动切换效果

4种不同风格jQuery和jsModern插件实现全屏滚动切换效果，非常棒的页面横屏或竖屏全屏滚动代码。支持鼠标滑轮、按钮点击、左右方向键、移动触摸屏左右滑动切换。

分类：选项卡/滑动门 > 滚动切换难易：初级

查看演示下载资源下载积分： 30 积分

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

js代码

<script src="js/jsmodern.min.js"></script>
		<script>
			$(function () {
				
				// 调用 jsModern 的 fullPage 组件方法
				// 使用自定义导航按钮
				// 进行沿 x 轴的横向滑动
				jsModern.fullPage({
			      	navigation: "#my-nav",
			        background: ['#6E459B', '#4BBFC3', '#C94646', '#f90'],
			        axis: "x",
			        callback: [
			          function () { 
			          	  var $b = $(this).find(".p > b");
			          	  $b.eq(1).animate({
			          	  	  opacity: 1
			          	  }, 800);
			              $b.first().animate({
			              	opacity: 1,
			              	marginRight: 0
			              }, 800);
			              $b.last().animate({
			              	opacity: 1,
			              	marginLeft: 0
			              }, 800);
			          },
			          function () { 
			          	  $(this).find(".B").animate({
			              	marginTop: "150px",
			              	opacity: 1
			              }, 800);
			          },
			          function () { 
			          	  $(this).find(".C").animate({
			              	marginTop: "150px",
			              	opacity: 1
			              }, 800);
			          },
			          function () { 
			          	  $(this).find(".D").fadeIn(1500);
			          }
			        ]
      			});
			})
		</script>