Difference between revisions of "Team:SSTi-SZGD/js/btn"
YuhangYang (Talk | contribs) m |
YuhangYang (Talk | contribs) (new js btn) |
||
| Line 1: | Line 1: | ||
$(function(){ | $(function(){ | ||
| + | |||
| + | if(window.location.search==""){ | ||
| + | $(".btn_language").css("background-image","url(img/language-en.png)"); | ||
| + | }else{ | ||
| + | $(".btn_language").css("background-image","url(img/language-zh.png)"); | ||
| + | } | ||
| + | |||
| + | |||
| + | //滚动时保存滚动位置 | ||
| + | $(window).scroll(function(){ | ||
| + | if($(document).scrollTop()!=0){ | ||
| + | sessionStorage.setItem("offsetTop",$(window).scrollTop()); | ||
| + | } | ||
| + | }); | ||
| + | //onload时，取出并滚动到上次保存位置 | ||
| + | window.onload=function(){ | ||
| + | var offset=sessionStorage.getItem("offsetTop"); | ||
| + | $(document).scrollTop(offset); | ||
| + | }; | ||
| + | |||
| + | |||
| + | //Translater | ||
| + | var tran = new Translater({ | ||
| + | lang:"en" | ||
| + | }); | ||
| + | |||
//dispaly | //dispaly | ||
| Line 35: | Line 61: | ||
} | } | ||
}); | }); | ||
| + | |||
//hover | //hover | ||
| Line 52: | Line 79: | ||
$(this).css("background-color","#fff"); | $(this).css("background-color","#fff"); | ||
}); | }); | ||
| + | |||
//click | //click | ||
| Line 58: | Line 86: | ||
$("html,body").stop().animate({scrollTop: '0px'},800); | $("html,body").stop().animate({scrollTop: '0px'},800); | ||
$(this).css("background-color","#fff"); | $(this).css("background-color","#fff"); | ||
| + | |||
| + | }); | ||
| + | |||
| + | $(".btn_language").click(function(){ | ||
| + | |||
| + | if(window.location.search==""){ | ||
| + | window.location.href+="?lang=cn"; | ||
| + | }else{ | ||
| + | window.location.href=""+window.location.href.split('?')[0]; | ||
| + | } | ||
}); | }); | ||
| Line 81: | Line 119: | ||
}); | }); | ||
| + | |||
//touch | //touch | ||
| Line 101: | Line 140: | ||
$(this).css("background-color","#fff"); | $(this).css("background-color","#fff"); | ||
}); | }); | ||
| + | |||
| + | |||
}); | }); | ||
Revision as of 10:27, 6 August 2018
$(function(){
if(window.location.search==""){ $(".btn_language").css("background-image","url(img/language-en.png)"); }else{ $(".btn_language").css("background-image","url(img/language-zh.png)"); }
//滚动时保存滚动位置
$(window).scroll(function(){
if($(document).scrollTop()!=0){
sessionStorage.setItem("offsetTop",$(window).scrollTop());
}
});
//onload时，取出并滚动到上次保存位置
window.onload=function(){
var offset=sessionStorage.getItem("offsetTop");
$(document).scrollTop(offset);
};
//Translater
var tran = new Translater({
lang:"en"
});
//dispaly
if($(window).height()>480&&$(window).scrollTop()!=0){
$(".btn_top").removeClass("fadeOutRight").addClass("fadeInRight");
setTimeout(function(){
$(".btn_top").css("display","block");
},500);
}else{
$(".btn_top").removeClass("fadeInRight").addClass("fadeOutRight");
setTimeout(function(){
$(".btn_top").css("display","none");
},500);
}
$(window).scroll(function(){ if($(window).height()>480&&$(window).scrollTop()!=0){ $(".btn_top").removeClass("fadeOutRight").addClass("fadeInRight"); setTimeout(function(){ $(".btn_top").css("display","block"); },500); }else{ $(".btn_top").removeClass("fadeInRight").addClass("fadeOutRight"); setTimeout(function(){ $(".btn_top").css("display","none"); },500); } }); if($(window).height()<=480){ $(".btn_top").css("display","none"); } $(window).resize(function(){ if($(window).height()<=480){ $(".btn_top").css("display","none"); } });
//hover
$(".btn_top").hover(function(){
$(this).css("background-color","#eee");
},function(){
$(this).css("background-color","#fff");
});
$(".btn_language").hover(function(){
$(this).css("background-color","#eee");
},function(){
$(this).css("background-color","#fff");
});
$(".btn_menu").hover(function(){
$(this).css("background-color","#eee");
},function(){
$(this).css("background-color","#fff");
});
//click
$(".btn_top").click(function(){
$("html,body").stop().animate({scrollTop: '0px'},800); $(this).css("background-color","#fff");
});
$(".btn_language").click(function(){
if(window.location.search==""){ window.location.href+="?lang=cn"; }else{ window.location.href=""+window.location.href.split('?')[0]; }
});
var Cbtn_nav=0; $(".btn_menu").click(function(){
if(Cbtn_nav==0){ $(".btn_nav").removeClass("fadeOutUpBig").addClass("fadeInDownBig"); setTimeout(function(){ $(".btn_nav").css("display","block"); },500); $(this).css("background-color","#eee"); Cbtn_nav=1; }else{ $(".btn_nav").removeClass("fadeInDownBig").addClass("fadeOutUpBig"); setTimeout(function(){ $(".btn_nav").css("display","none"); },500); $(this).css("background-color","#fff"); Cbtn_nav=0; }
});
//touch
$(".btn_top").on("touchstart",function(){
$(this).css("background-color","#eee");
});
$(".btn_top").on("touchend",function(){
$(this).css("background-color","#fff");
});
$(".btn_language").on("touchstart",function(){
$(this).css("background-color","#eee");
});
$(".btn_language").on("touchend",function(){
$(this).css("background-color","#fff");
});
$(".btn_menu").on("touchstart",function(){
$(this).css("background-color","#eee");
});
$(".btn_menu").on("touchend",function(){
$(this).css("background-color","#fff");
});
});