jQuery全屏滚动导航切换

<头>
<元字符集=“UTF-8”/>


<样式类型=“text/css”>
*{边距：0；填充：0；列表样式：无；}
a{文字装饰：无；颜色：#fff；}
.page{宽度:100%;高度:100%;背景:粉色;}
.page1{背景：橙色;}
.page2{背景：黄色;}
.page3{背景：绿色;}
.page4{背景：青色;}
.containter{宽度:100%;高度:100%;位置:绝对;左:0;顶部:0;}
body,html{高度:100%;溢出:隐藏;}
.dian{位置：绝对；右：20px；顶部：50%；文本对齐：居中；}
.dian ul{文本对齐:中心;宽度:14px;}
.dian li{宽度：10px；高度：10px；边框半径：50%；背景：#fff；文本对齐：中心；边距：0 auto；边距底部：10px；光标：指针；}
.dian .da{宽度:14px;高度:14px;}
.nav{宽度：100%；高度：100px；背景：紫色；位置：绝对；左：0；顶部：0；z-index：111；}
.nav li{float: left;width:100px;height:30px;margin:35px 30px;background: black;cursor:pointer;border-radius: 5px;text-align: center;line-height: 30px;color:# fff;}
.nav li a{宽度:100px;高度:30px;显示:块;}
.nav .bg{背景：黄色;颜色:#000;}
</风格>

<脚本类型=“text/javascript”src=“js/jquery-1.11.2.min.js”></script>
<脚本类型=“text/javascript”src=“js/jquery.mousewheel.min.js”>
<脚本类型=“text/javascript”>

这是一个jQuery全屏滚动导航切换，需要的朋友可以下载使用