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();
        })
        
    
        
    
            
        
    });
  • 相关阅读:
    收集一些特殊的符号
    腾讯笔试有感
    Lazy Load, 延迟加载图片的 jQuery 插件
    腾讯实习生笔试题
    IE捉迷藏bug详解(躲猫猫)
    使用SQL Server 2000 全文检索
    一篇比较不错的关于masterpage的文章
    ASP.NET中对表单输入行有选择验证
    在WSS中高亮显示搜索结果
    WebPart安装位置对FrontPager的影响
  • 原文地址:https://www.cnblogs.com/su1637/p/13453006.html
Copyright © 2011-2022 走看看