弹框,点击弹出,点击隐藏

<div class="cl tkbg"></div>
<div class="cl tk1_1">
     <div class="tk1_1s">
          <div class="gb_btn"></div>
     </div>
</div>

.tkbg{ width:100%;height:100%;position: fixed;top:0px;left: 0px;background: #000;opacity: 0.6;filter: alpha(opacity=60) \9;z-index: 99;display:none;}
.tk1_1{ background:url(../images/tk1.png) no-repeat; width:960px; height:570px;  position:fixed; left:50%; top:50%; margin:-285px 0 0 -480px; z-index:9999;  display:none;}

// JavaScript Document

$(document).ready(function(){
    
    $(window).scroll(function(){
        if($(this).scrollTop()>900){
           $(".ftbg").fadeIn(500);
        }else{
           $(".ftbg").fadeOut(300);
        };    
    });
    
    $(window).scroll(function(){
        if($(this).scrollTop()>900){
           $(".wl_box1_left").addClass("wlBannerConLeftfox")
        }else{
           $(".wl_box1_left").removeClass("wlBannerConLeftfox")
        };    
    });
    
    
    $(".djzl").click(function(){
        
        $(".tkbg").show();
        $(".tk1_1").show();
    
    })
    $(".gb_btn,.tkbg").click(function(){
        
        $(".tkbg").hide();
        $(".tk1_1").hide();
    
    })
    

       $(window).scroll(function(){
        if($(this).scrollTop()>500){
           $(".fnav").css("display","block");
        }else{
           $(".fnav").css("display","none");
        };    
    });
    
     //回到页面顶部位置
    $(".lit1").click(function(){
        $('body,html').animate({scrollTop:0},600);
       return false;
    });
    
    
    
    $(".tkc1").click(function(){
        $(".tkbg").show();
        $(".tks1").show();
    })
    $(".gb_btn1,.tkbg").click(function(){
        $(".tkbg").hide();
        $(".tks1").hide();
    })
    
    $(".tkc2").click(function(){
        $(".tkbg").show();
        $(".tks2").show();
    })
    $(".gb_btn1,.tkbg").click(function(){
        $(".tkbg").hide();
        $(".tks2").hide();
    })
    
    $(".tkc3").click(function(){
        $(".tkbg").show();
        $(".tks3").show();
    })
    $(".gb_btn1,.tkbg").click(function(){
        $(".tkbg").hide();
        $(".tks3").hide();
    })
    

    

        
    
});

 

posted @ 2020-08-07 15:08  南瓜小园  阅读(182)  评论(0编辑  收藏  举报