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>
    

      

  • 相关阅读:
    Linkerd 2.10(Step by Step)—将 GitOps 与 Linkerd 和 Argo CD 结合使用
    Linkerd 2.10(Step by Step)—多集群通信
    Linkerd 2.10(Step by Step)—使用 Kustomize 自定义 Linkerd 的配置
    Linkerd 2.10(Step by Step)—控制平面调试端点
    Linkerd 2.10(Step by Step)—配置超时
    Linkerd 2.10(Step by Step)—配置重试
    Linkerd 2.10(Step by Step)—配置代理并发
    本地正常运行,线上环境诡异异常原因集合
    Need to invoke method 'xxx' declared on target class 'yyy', but not found in any interface(s) of the exposed proxy type
    alpine 安装常用命令
  • 原文地址:https://www.cnblogs.com/geovindu/p/11662748.html
Copyright © 2011-2022 走看看