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

Revision as of 08:37, 3 August 2018

$(function(){

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

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

});

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

//Navigation $(".btn_nav li a").eq(0).addClass("active");

// if($(window).height()<=480){ $(".btn_top").css("display","none"); } $(window).resize(function(){ if($(window).height()<=480){ $(".btn_top").css("display","none"); } });

});