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>