zoukankan      html  css  js  c++  java
  • css: hide or dispaly div

    <!DOCTYPE html>
    <html>
    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
        <title>六福会员</title>
    	<meta name="author" content="geovindu,Geovin Du,GeovinDu,涂聚文"/>
         <link href="css/css.css" rel="stylesheet" type="text/css" />
           <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
      <script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    
    <style type="text/css">
    html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
    /* 取消链接高亮  */
    body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
    aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
    /* 设置HTML5元素为块 */
    article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}
    /* 图片自适应 */
    img{max- 100%;height: auto;auto9; /* ie8 */-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}
    /*取消chrome表单自动填充颜色*/
    html{height: 100%;font-size: 16px;}
    body{height: 100%;color: #fff;line-height:1.5;
    	font-family: "Helvetica Neue", Helvetica, Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
    body,ul,li,ol,h1,h2,h3,h4,h5,h6,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
    aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0;border:none;}
    
    @media screen and (min-device-767px)and (max-device- 2768px){
    	.main{padding-top: 0;}
    	.main{ 90%;padding: 0;text-align: left;}
    	.tbmain{ 600px;}
    	.lblsuccess{600px; padding-left:50px; padding-right:50px; left:10px;margin-left:20px}
    	.foo{50px;  margin-left:0px; text-align:left;font-size: 14px;height: 24px;}
    	
    }
    
    @media screen and (min-device-575px) and (max-device- 768px)
    {
    	.main{padding-top: 0;}
    	.main{ 90%;padding: 0;text-align: left;}
    	.tbmain{ 500px;}
        .lblsuccess{ 500px; padding-left:50px;padding-right:50px; left:10px;margin-left:20px}
        .foo{50px; margin-left:0px; text-align:left;font-size: 14px;height: 24px;}
       
    }
    
    @media screen and (min-device- 375px) and (max-device- 500px) and (-webkit-min-device-pixel-ratio: 2) {
     	.main{padding-top: 0;}
    	.main{ 90%;padding: 0;text-align: left;}
    	.tbmain{ 400px;}
        .lblsuccess{400px; padding-left:50px;padding-right:50px; left:10px; margin-left:20px}
        .foo{50px; margin-left:0px; text-align:left;font-size: 14px;height: 24px;}
        
    }
    
    .txtTel
    {
        margin:0;padding:4px 8px;float:left;background:#EEE;border:medium none;border-radius:2px 0 0 2px;color:#B3B3B3;font-size:13px;height:20px;line-height:20px;120px;
    }
    
    .ui-datepicker-year{
        display:none;
        }
         .ui-datepicker-dayNamesMin{
        display:none;
        } 
      .HideTodayButton .ui-datepicker-buttonpane .ui-datepicker-current
    {
        visibility:hidden;
    } 
    
    </style>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
     <script type="text/javascript" language="javascript">
    
        //var ua = window.navigator.userAgent.toLowerCase();  
        //return ua.match(/MicroMessenger/i) == "micromessenger";
        //if(ua.match(/MicroMessenger/i) == "micromessenger")
        //{
         // alter("weixin");
       // }
    	 //关闭当前窗口有效方法一
    	 function closeWin()
    	 {
    		 
          var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){    
                 //判断是否是微信环境       
                 //微信环境
                wx.miniProgram.getEnv(function(res) {
                     if (res.miniprogram) {
                    // 小程序环境下逻辑 
                      wx.miniProgram.navigateTo({url: '/pages/index/index'})       
                    }else {
                    //非小程序环境下逻辑
                     WeixinJSBridge.call('closeWindow');
                   }
                })
               
             }
             else
             {
    
    			       alert("非微信环境逻辑 Ok");
    			   		window.opener = null;
      					window.open("about:blank", "_self");
     					window.close();
            }
    		 
    	 }
    
    	 
    	 
       function HideDiv()
      {
      
    
    	       //$("#dudialog").hide();
              // $("#dudialog").css('display','none'); 
           var ua = window.navigator.userAgent.toLowerCase();
    	  
          /* var userAgent = navigator.userAgent.toLowerCase();
           if(userAgent.indexOf('micromessenger') > -1 || userAgent.indexOf('linux') > -1){
           
            }
           else
           {
                $("#dudialog").hide();
               $("#dudialog").css('display','none'); 
              alter("geovindu1");
           }*/
           if(ua.match(/MicroMessenger/i) == 'micromessenger'){    
                 //判断是否是微信环境       
                 //微信环境
                wx.miniProgram.getEnv(function(res) {
                     if (res.miniprogram) {
                        // 小程序环境下逻辑 
    					 $("#dudialog").css("display","block");										  
    					$("#dudialog").show(); 
                    }else {
                    //非小程序环境下逻辑
                     $("#dudialog").hide();
                   }
                })
               
             }
             else
             {
              //非微信环境逻辑
               //$("#dudialog").hide();
               //$("#dudialog").css('display','none'); 		
    			 	 $("#dudialog").css("display","block");										  
    					$("#dudialog").show();
                //alert("geovindu");
            }
       }
    	 
     
       $(function(){   
    	   
     
         
    
          //小程序X關閉this.closePage
       $('#dudialog').on('click tap', function() { 
        wx.miniProgram.getEnv(function(res) { 
         if(res.miniprogram){  //判断小程序环境      
          wx.miniProgram.navigateTo({url: '/pages/index/index'})       
         }    
        })              
       })
       //关闭当前窗口有效方法二
        $('#dudialog').click(function(){
    		
    		
    		var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){    
                 //判断是否是微信环境       
                 //微信环境
                wx.miniProgram.getEnv(function(res) {
                     if (res.miniprogram) {
                    // 小程序环境下逻辑 
                      wx.miniProgram.navigateTo({url: '/pages/index/index'})       
                    }else {
                    //非小程序环境下逻辑
                     WeixinJSBridge.call('closeWindow');
                   }
                })
               
             }
             else
             {
    
    			       alert("非微信环境逻辑 Ok");
    			   		window.opener = null;
      					window.open("about:blank", "_self");
     					window.close();
            }
    		      // alert("geovindu2");
    		/*
            	var userAgent = navigator.userAgent.toLowerCase();
    			if (userAgent.indexOf("firefox") != -1 || userAgent.indexOf("chrome") !=-1) {
     				 window.location.href="about:blank";
    			}
    			else if(userAgent.indexOf('android') > -1 || userAgent.indexOf('linux') > -1){
      				window.opener=null;window.open('about:blank','_self','').close();
    			}
    			else if(userAgent.indexOf('micromessenger') > -1 || userAgent.indexOf('linux') > -1){
      				wx.miniProgram.getEnv(function(res) {
                      if (res.miniprogram) {
                          // 走在小程序的逻辑
    					  //$("#dudialog").css("display","block");
    					  //$("#dudialog").show();
                          //alert("geovindu");
    					  wx.miniProgram.navigateTo({url: '/pages/index/index'});
                        } 
                    else 
                    {
                        $("#dudialog").hide();
               			$("#dudialog").css('display','none');
    					//微信环境
                        WeixinJSBridge.call('closeWindow');
                    }
    			})//微信小程序
    			}
    			else {
    				 	//$("#dudialog").hide();
                      	//$("#dudialog").css('display','none');
    				    alert("geovindu3");
      					window.opener = null;
      					window.open("about:blank", "_self");
     					window.close();
     				} 
    	*/
    	
    });
    
       //JS监听手机端浏览器的后退按钮的事件方法
       pushHistory();
        window.addEventListener("popstate", function(e) {
        //alert("返回操作,会造成重复发送密码短信!");//根据自己的需求实现自己的功能
        //window.open('https://www.lukfook.com/sc/customer-centre/vip-zone/vip-login/');
    		//关闭当前窗口有效方法三
    		var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){    
                 //判断是否是微信环境       
                 //微信环境
                wx.miniProgram.getEnv(function(res) {
                     if (res.miniprogram) {
                    // 小程序环境下逻辑 
                      wx.miniProgram.navigateTo({url: '/pages/index/index'})       
                    }else {
                    //非小程序环境下逻辑
                     WeixinJSBridge.call('closeWindow');
                   }
                })
               
             }
             else
             {
    
    			       alert("非微信环境逻辑 Ok");
    			   		window.opener = null;
      					window.open("about:blank", "_self");
     					window.close();
            }
        //window.open('http://www1.lukfook.com.hk/lukfookvip_sc/VipFindPasswordSC.aspx');
    		
    		
    		
      }, false);
      
      function pushHistory() {
        var state = {
        title: "title",
        url: "#"
      };
           window.history.pushState(state, "title", "#");
      }
      //PC端浏览器使用jquery监听
      /*
      $(document).ready(function(e) { 
      var counter = 0;
      if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
        window.history.pushState('forward', null, '#');
        window.history.forward(1);
        window.location.href='//kefu.shtml';//跳转到个人中心
      });
    }
      window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
      window.history.forward(1);
    });
      */
            //设定日期选择器的相关属性
            var pickerOpts = {
             //appendText: "(yyyy-mm-dd)",
             changeMonth: true,
             changeYear: true,
             dateFormat: "mm-dd",//yy-mm-dd
            // dayNamesMin:["一","二","三","四","五","六","日"],
       		 firstDay: 0,
       		nextText: "下一月",
       		prevText: "上一月",
       		closeText: "关闭",
       		currentText: "今天",
        	monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        	isRTL: false,
        	showButtonPanel: true,
        	yearRange: "-85:+0"
            };
    
            //创建日期选择器
            $("#txtBirthday").datepicker(pickerOpts);
          });
          
    </script>
    
    </head>
    <body onLoad="HideDiv()">  
    	<div style="color: #000000;  50px;height: 20px; background:#000000; "></div>
    	<div style="color: #DD0000;  50px;height: 20px;background:#DD0000"></div>
    	<div style="color: #FFCE00;  50px;height: 20px;background:#FFCE00"></div>
    	<div id="dudialog" class="dudialog"  style="z-index: 9999; position: fixed ! important; right: 15px; top: 10px;">
           <a href="#" onClick="javascript:closeWin()">X</a>
        </div>
    </body>
    </html>
    

      

  • 相关阅读:
    【翻译】Flink Table Api & SQL — 流概念
    Flink Table Api & SQL 翻译目录
    【翻译】Flink Table Api & SQL — 性能调优 — 流式聚合
    记一次kube-apiserver启动失败排错
    使用Docker和K8s搭建FastDFS分布式文件系统
    Windows 下安装RabbitMQ服务器及基本配置
    k8s部署ingress-nginx报错排错
    k8s使用私有镜像仓库Harbor下载镜像ImagePullBackOff错误拍错
    第二次安装docker时,报Transaction check error的解决方法
    k8s出现error: no configuration has been provided, try setting KUBERNETES_MASTER environment variable
  • 原文地址:https://www.cnblogs.com/geovindu/p/11662748.html
Copyright © 2011-2022 走看看