Difference between revisions of "Team:NKU China/Javascript/main"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
$(document).ready(function(){
 
−
 
 
  
 +
 +
 +
// 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;
 +
}
 +
 +
}
 +
}
 +
 
});
 
});
 +
 +
 +
 +
}

Latest revision as of 17:19, 23 October 2017


// 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; }

} }

});


}