windowAddMouseWheel();
function windowAddMouseWheel() {
var i = 0;
var j = 0;
var scrollFunc = function (e) {
e = e || window.event;
j = j+e.wheelDelta;
/*对位置进行缩小,在超出页面范围时,手动设置一个范围,避免长时间滑动没有效果*/
if(j > 0){
j = 5;
}else if(j < -6554){
j = -6500;
}
panduan(e,j);//调用判断方法,进行页面的定位
};
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
}
function panduan(e,j){
if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件
if (e.wheelDelta > 0) { //当滑轮向上滚动时
// alert("滑轮向上滚动i"+j);
}
// if (e.wheelDelta < 0) { //当滑轮向下滚动时
// alert("滑轮向下滚动"+(-e.wheelDelta));
// }
if(j <= 0){
if (j <= 0 && j > -922) { //当滑轮向下滚动时
$("#show").html($("#one_one").html());//第一个页面
}else if(j < -922 && j >= -1844){
$("#show").html($("#two_two").html());//进行页面内容的替换,第二个页面
}else if(j < -1844 && j >= -2766){
$("#show").html($("#three_three").html());//第三个页面
}else if(j < -2766 && j >= -3688){
$("#show").html($("#four_four").html());//第四个页面
}else if(j < -3688 && j >= -4610){
$("#show").html($("#five_five_five").html());//第五个页面
}else if(j < -4610 && j >= -5532){
$("#show").html($("#six_six").html());//第六个页面
}else if(j < -5532 && j >= -6454){
$("#show").html($("#seven_seven").html());//第七个页面
}else{
$("#show").html($("#eight_eight").html());//第八个页面
}
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail> 0) { //当滑轮向上滚动时
i++;
window.scrollTo(0,300*i);
//alert("滑轮向上滚动"+i);
}
if (e.detail< 0) { //当滑轮向下滚动时
i--;
window.scrollTo(0,922*i);
//alert("滑轮向下滚动"+i);
}
}
}