【文件属性】:
文件名称: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)