Team:BNU-China/LiftEffect.js

// LiftEffect({ // "control1": ".lift2", //侧栏电梯的容器 // "control2": "#ccc", //需要遍历的电梯的父元素 // "target": [".dianti1",".dianti2",".dianti3"], //监听的内容，注意一定要从小到大输入 // "current": "xuanzhong" //选中的样式 // });

function LiftEffect(json){

var array=[];

for(var i =0; i<json.target.length;i++){ var t = $(json.target[i]).offset().top; array.push(t);

}

function Selected(index){ $(json.control2).children().eq(index).addClass(json.current).siblings().removeClass(json.current); }

$(window).on("scroll",Check);

function Check(){

var wst = $(window).scrollTop();

if(wst >= $(json.target[0]).offset().top-100){ $(json.control1).fadeIn(500); }else{ $(json.control1).fadeOut(500); }

var key =0; var flag = true; for(var i =0; i<array.length; i++){ key++; if(flag){

if(wst >= array[array.length-key]-300){ var index = array.length-key; flag = false; }else{ flag=true; }

} } Selected(index); }

$(json.control2).children().on("click",function(){

$(window).off("scroll"); var index = $(this).index(); Selected(index);

var flag = true; for(var i =0; i<array.length; i++){

if(flag){

if(index == i){ $("html,body").stop().animate({ "scrollTop": array[i]-50 },500,function(){ $(window).on("scroll",Check); }); flag = false; }else{ flag=true; }

} }

});

}