Difference between revisions of "Team:SSTi-SZGD/js/btn"

Revision as of 07:45, 11 October 2018

$(function(){

$(".btn_nav").addClass("transition"); $(".btn_nav").find("*").addClass("transition");

if(window.location.search==""){ $(".btn_language").css("background-image","url()"); }else{ $(".btn_language").css("background-image","url()"); }

//Translater var tran = new Translater({ lang:"en" });

//dispaly if($(window).height()>480&&$(window).scrollTop()>=16){ $(".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()>=16){ $(".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"); } if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){ $(".btn_top").css("bottom","180px"); $(".btn_language").css("bottom","110px"); $(".btn_menu").css("bottom","40px"); $(".btn_menu").css("display","block"); }else{ if($(window).width()<751){ $(".btn_top").css("bottom","180px"); $(".btn_language").css("bottom","110px"); $(".btn_menu").css("bottom","40px"); $(".btn_menu").css("display","block"); }else{ $(".btn_menu").css("display","none"); $(".btn_top").css("bottom","155px"); $(".btn_language").css("bottom","85px"); } }

$(window).resize(function(){ if($(window).height()>=480&&$(window).scrollTop()>=16){ $(".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"); } if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){

$(".btn_top").css("bottom","180px"); $(".btn_language").css("bottom","110px"); $(".btn_menu").css("bottom","40px"); $(".btn_menu").css("display","block");

}else{ if($(window).width()<751){ $(".btn_top").css("bottom","180px"); $(".btn_language").css("bottom","110px"); $(".btn_menu").css("bottom","40px"); $(".btn_menu").css("display","block"); }else{ $(".btn_menu").css("display","none"); $(".btn_top").css("bottom","155px"); $(".btn_language").css("bottom","85px"); } } });

//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");

});

//onload时，取出并滚动到上次保存位置 window.onload=function(){ var offset=sessionStorage.getItem("offsetTop"); $(document).scrollTop(offset); };

$(".btn_language").click(function(){

//滚动时保存滚动位置 sessionStorage.setItem("offsetTop",$(window).scrollTop());

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"); });

});