判断显示隐藏,以及预防双击

记得此类代码要加一个计时器,预防双击!!

 

if(display == 'block' && $(window).scrollTop()>350){
$("#roll").fadeIn();
}else if(display == 'none' || $(window).scrollTop()<350){
$("#roll").fadeOut();
}

 

或者 

 

 

$(".nav-btn").click(function(){
if( $(".menu").is(":visible") ){
$(".menu").fadeOut(200);
}
if( $(".menu").is(":hidden") ){
$(".menu").fadeIn();
}

})

 

预防双击!

 

$(function(){

$(".s2").hide();


var tiemer = "";
var time = 1000;//每次点击1秒后才能再次点击
var fun = function bClick(){

if( $(".menu").is(":visible") ){
$(".menu").fadeOut(200);
}
if( $(".menu").is(":hidden") ){
out = setTimeout(function(){
$(".menu").fadeIn(200);
},600);

}

wait = setTimeout(function(){
if($(".nav-body").width() =="0"){
$(".nav-body").animate({width:"600px"},200);
$(".s1").hide();
$(".s2").show();
}else{
$(".nav-body").animate({width:"0"},300);
$(".s2").hide();
$(".s1").show();
}
},200)

$(".nav-btn").unbind("click");
tiemer = setTimeout(function(){
$(".nav-btn").click(fun);
},time);
};
$(".nav-btn").click(fun);



})

posted @ 2015-12-18 11:05  nebear  阅读(258)  评论(0)    收藏  举报