zoukankan      html  css  js  c++  java
  • 弹框,点击弹出,点击隐藏

    <div class="cl tkbg"></div>
    <div class="cl tk1_1">
         <div class="tk1_1s">
              <div class="gb_btn"></div>
         </div>
    </div>
    
    .tkbg{ 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; 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();
        })
        
    
        
    
            
        
    });
  • 相关阅读:
    json数组解析
    sparkschedule任务类
    elasticsearch的操作类
    删除hbase的region步骤和代码
    zookeeper持有者类
    zookeeper主节点竞争类
    剑指offer(61-66)编程题
    Codeforces Round #190 (Div. 2) B. Ciel and Flowers
    一些傍晚的感想
    Codeforces Round #307 (Div. 2) D. GukiZ and Binary Operations
  • 原文地址:https://www.cnblogs.com/su1637/p/13453006.html
Copyright © 2011-2022 走看看