jquery单页全屏滚动js特效

下载地址

jquery鼠标控制页面全屏图片滚动代码。// JavaScript Document$(".ddw").val(0);$(".ddw2").val(0);setTimeout(function(){$(".num").eq(0).find("p").stop().animate({"top":"50%"},500) },500); $(function(){$(".num_box").mousewheel(function(event, delta) { var aaaa=$(".ddw2").val(); if (aaaa == 1){ return; } qpgd(delta);});});function qpgd(a){ var z =$(".ddw").val(); b = parseInt(z); c = $(".num").length;if(a<0){ if(-b==c-1){ return; } b-=1; $(".ddw2").val(1); }else if(a>0){ if(-b==0){ return; } b+=1; $(".ddw2").val(1); }if(-b==0){$(".num").eq(1).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(0).find("p").animate({"top":"50%"},500); },1600); }else if(-b==1){$(".num").eq(0).find("p").animate({"top":"0"},500);$(".num").eq(2).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(1).find("p").animate({"top":"50%"},500); },1600); }else if(-b==2){$(".num").eq(1).find("p").animate({"top":"0"},500);$(".num").eq(3).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(2).find("p").animate({"top":"50%"},500); },1600); }else if(-b==3){$(".num").eq(2).find("p").animate({"top":"0"},500);$(".num").eq(4).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(3).find("p").animate({"top":"50%"},500); },1600); } else if(-b==4){$(".num").eq(3).find("p").animate({"top":"0"},500);$(".num").eq(5).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(4).find("p").animate({"top":"50%"},500); },1600); } else if(-b==5){$(".num").eq(4).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(5).find("p").animate({"top":"50%"},500); },1600); } $(".ddw").val(b);$(".fixed_r li").eq(-b).addClass("on").siblings("li").removeClass("on");var single_hh = $(window).height();click_hh =-single_hh*b;$(".num_box").animate({"bottom": click_hh},1000);setTimeout(function(){ $(".ddw2").val(0); },1400);} $(".fixed_r li").eq(0).addClass("on"); $(".fixed_r li").click(function(){ var b = $(this).index(); $(this).addClass("on").siblings("li").removeClass("on"); $(".ddw").val(-b);/*---------------------*/if(b==0){$(".num").eq(1).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(0).find("p").animate({"top":"50%"},500); },1600); }else if(b==1){$(".num").eq(0).find("p").animate({"top":"0"},500);$(".num").eq(2).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(1).find("p").animate({"top":"50%"},500); },1600); }else if(b==2){$(".num").eq(1).find("p").animate({"top":"0"},500);$(".num").eq(3).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(2).find("p").animate({"top":"50%"},500); },1600); }else if(b==3){$(".num").eq(2).find("p").animate({"top":"0"},500);$(".num").eq(4).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(3).find("p").animate({"top":"50%"},500); },1600); } else if(b==4){$(".num").eq(3).find("p").animate({"top":"0"},500);$(".num").eq(5).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(4).find("p").animate({"top":"50%"},500); },1600); } else if(-b==5){$(".num").eq(4).find("p").animate({"top":"0"},500);setTimeout(function(){$(".num").eq(5).find("p").animate({"top":"50%"},500); },1600); } /*---------------------*/var single_hh = $(window).height();click_hh =single_hh*b;$(".num_box").animate({"bottom": click_hh},1000); })function quanp(){var single_hh = $(window).height();var single_ww = $(window).width();$(".num").height(single_hh);$(".num li").width(single_ww);}quanp();$(window).resize(function(){ if (typeof indexSlides != "undefined" && indexSlides.reformat) indexSlides.reformat(); quanp();});

dd: