文件名称：jQuery全屏页面滚动导航切换效果.zip
文件大小：40KB
文件格式：ZIP
更新时间：2022-07-31 04:25:20
js特效-jQuery全屏页面滚动导航切换效果
js代码 [removed][removed] [removed][removed] [removed] $(function() { var nowpage=0; var lock=true; function donghua(){ $('.containter').animate({'top': -100*nowpage '%'}, 500); $('.page').eq(nowpage).addClass('current').siblings().removeClass('current'); $('.dian ul li').eq(nowpage).addClass('da').siblings().removeClass('da'); $('.nav ul li').eq(nowpage).addClass('bg').siblings().removeClass('bg'); } $(document).mousewheel(function (event,delta) { if(lock){ nowpage=nowpage-delta; if(nowpage<0){nowpage=0;} if(nowpage>4){nowpage=4;} donghua(); lock=false; setTimeout(function () { // body... lock=true; },1000); } }) $('.nav ul li').click(function(event) { nowpage=$(this).index(); if(nowpage<=4){donghua();} }); $('.dian ul li').click(function(event) { nowpage=$(this).index(); donghua(); }); }); [removed]
【文件预览】：
jQuery全屏页面滚动导航切换效果
----php中文网下载站.url(114B)
----php中文网免费下载站.txt(219B)
----js()
--------jquery.mousewheel.min.js(3KB)
--------jquery-1.11.2.min.js(94KB)
----index.html(3KB)
----QQ截图20171214095731.png(6KB)