<!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-width: 100%;height: auto;width:auto\9; /* 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-width:767px)and (max-device-width: 2768px){

	.main{padding-top: 0;}

	.main{width: 90%;padding: 0;text-align: left;}

	.tbmain{width: 600px;}

	.lblsuccess{width:600px; padding-left:50px; padding-right:50px; left:10px;margin-left:20px}

	.foo{width:50px;  margin-left:0px; text-align:left;font-size: 14px;height: 24px;}

}

@media screen and (min-device-width:575px) and (max-device-width: 768px)

{

	.main{padding-top: 0;}

	.main{width: 90%;padding: 0;text-align: left;}

	.tbmain{width: 500px;}

    .lblsuccess{ width:500px; padding-left:50px;padding-right:50px; left:10px;margin-left:20px}

    .foo{width:50px; margin-left:0px; text-align:left;font-size: 14px;height: 24px;}

}

@media screen and (min-device-width: 375px) and (max-device-width: 500px) and (-webkit-min-device-pixel-ratio: 2) {

 	.main{padding-top: 0;}

	.main{width: 90%;padding: 0;text-align: left;}

	.tbmain{width: 400px;}

    .lblsuccess{width:400px; padding-left:50px;padding-right:50px; left:10px; margin-left:20px}

    .foo{width: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;width: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; width: 50px;height: 20px; background:#000000; "></div>

	<div style="color: #DD0000; width: 50px;height: 20px;background:#DD0000"></div>

	<div style="color: #FFCE00; width: 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>

　　

css: hide or dispaly div的更多相关文章

  1. [转]CSS网页布局：div水平居中的各种方法

    http://jingyan.baidu.com/article/fa4125ac90a2a328ac70929e.html 在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就 ...

  2. CSS实现图片在div a标签中水平垂直居中

    CSS实现图片在div a标签中水平垂直居中 <div class="demo"> <a href="#"> <img src=& ...

  3. HTML+CSS D07 边框、div

    1.边框(border) 常用表达 border-width px thin 定义细的边框. medium 默认.定义中等的边框. thick 定义粗的边框. length 允许您自定义边框的宽度. ...

  4. 解决css的float父div没有高度

    在做页面设计常会碰到css的float父div没有高度的情况,HTML代码设计 <div class='box'> <div class='float_left'></d ...

  5. 文字添加响应事件，js动态加载CSS, js弹出DIV

    文字添加响应事件,js动态加载CSS, js弹出DIV <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  6. css：子元素div 上下左右居中方法总结

    最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css.html.js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证). ...

  7. css后代选择器（div.class中间不带空格）

    如果我要查找<div>上用了.class的元素,查找方法:div.class:中间是不空格的. 以上这种形式为css后代选择器 参考:http://www.w3school.com.cn/ ...

  8. div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）

    原地址:http://blog.sina.com.cn/s/blog_60b35e830100qwr2.html 在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度, ...

  9. 【转】CSS中怎么让DIV居中

    来源:http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html     CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的 ...

随机推荐

  1. Log4net 使用汇总（网络收集整理）

    原帖1:http://blog.csdn.net/wanzhuan2010/article/details/7587780 原帖2:http://grim1980.blog.sohu.com/2555 ...

  2. 【JavaEE】之MyBatis与原生JDBC、Hibernate访问数据库的比较

    首先来看一下原生JDBC访问数据库的代码: public static void main(String[] args) { // 数据库连接 Connection connection = null ...

  3. python模块IO

    Python之模块IO io概叙 io模块提供了python用于处理各种类型I/O的主要工具,主要有三种类型的I/O:文本I/O,二进制I/O和原始I/O:这些都是通用类型,各种后备存储可使用其中的每 ...

  4. exc_bad_instruction(code=EXC_I386_INVOP,subcode=0x0) 错误

    对象存储异常 对象存储要遵守NSCoding协议 #import "EmotionModel.h" @interface EmotionModel()<NSCoding> ...

  5. linux实用小命令--查看文本内容

    一.cat命令 $ cat [参数]filename 这还有一些可以和cat命令一起用的参数,可能对你有所帮助. 1.-n 参数会所有的行加上行号: $ cat -n test1 2.这个功能在检查脚 ...

  6. Docker系列之常用命令操作手册

    目录 1.安装虚拟机 2.安装Docker 3.Docker镜像操作 4.Docker容器操作 Docker系列之常用命令操作手册 继上一篇博客Docker系列之原理简单介绍之后,本博客对常用的Doc ...

  7. luogu P1759 通天之潜水

    题目背景 直达通天路·小A历险记第三篇 题目描述 在猴王的帮助下,小A终于走出了这篇荒山,却发现一条波涛汹涌的河拦在了自己的面前.河面上并没有船,但好在小A有n个潜水工具.由于他还要背重重的背包,所以 ...

  8. luogu P5002 专心OI - 找祖先

    题目描述 这个游戏会给出你一棵树,这棵树有NN个节点,根结点是RR,系统会选中MM个点P_1,P_2...P_MP 1 ​ ,P 2 ​ ...P M ​ ,要Imakf回答有多少组点对(u_i,v_ ...

  9. Redis面试热点之底层实现篇(续)

    0.题外话 接着昨天的[决战西二旗]|Redis面试热点之底层实现篇继续来了解一下ziplist压缩列表这个数据结构. 你可能会抱有疑问:我只是使用Redis的功能并且公司的运维同事都已经搭建好了平台 ...

  10. solr索引基本原理

    solr是一个全局检索引擎,能够快速地从大量的文本数据中选出你所需要的数据,而你只需要提供相应的关键词进行检索.solr的高效率查询靠的是底层强大的索引库,所以solr最关键的技术也是其底层的索引设计 ...