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-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的更多相关文章
- [转]CSS网页布局：div水平居中的各种方法
http://jingyan.baidu.com/article/fa4125ac90a2a328ac70929e.html 在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就 ...
- CSS实现图片在div a标签中水平垂直居中
CSS实现图片在div a标签中水平垂直居中 <div class="demo"> <a href="#"> <img src=& ...
- HTML+CSS D07 边框、div
1.边框(border) 常用表达 border-width px thin 定义细的边框. medium 默认.定义中等的边框. thick 定义粗的边框. length 允许您自定义边框的宽度. ...
- 解决css的float父div没有高度
在做页面设计常会碰到css的float父div没有高度的情况,HTML代码设计 <div class='box'> <div class='float_left'></d ...
- 文字添加响应事件，js动态加载CSS, js弹出DIV
文字添加响应事件,js动态加载CSS, js弹出DIV <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
- css：子元素div 上下左右居中方法总结
最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css.html.js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证). ...
- css后代选择器（div.class中间不带空格）
如果我要查找<div>上用了.class的元素,查找方法:div.class:中间是不空格的. 以上这种形式为css后代选择器 参考:http://www.w3school.com.cn/ ...
- div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）
原地址:http://blog.sina.com.cn/s/blog_60b35e830100qwr2.html 在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度, ...
- 【转】CSS中怎么让DIV居中
来源:http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的 ...
随机推荐
- MacOS安装Docker傻瓜式教程
最近电脑越来越卡了,为了减少系统开销,以及后期维护方便,所以考虑将本地安装一些服务迁移到docker中去管理,这一切的基础是要先有docker服务,所以本文就先记录怎样在mac上安装配置docker, ...
- Activiti工作流框架学习（一）之通用数据表详细介绍
文/朱季谦 Activiti工作流引擎自带了一套数据库表,这里面有一个需要注意的地方: 低于5.6.4的MySQL版本不支持时间戳或毫秒级的日期.更糟糕的是,某些版本在尝试创建此类列时将引发异常,而其 ...
- @NotEmpty、@NotNull、@NotBlank注解解析
源码解析 @NotEmpty根据JDK源码注释说明,该注解只能应用于char可读序列(可简单理解为String对象),colleaction,map,array上,因为该注解要求的是对象不为null且 ...
- Machine Learning In Action 第二章学习笔记: kNN算法
本文主要记录<Machine Learning In Action>中第二章的内容.书中以两个具体实例来介绍kNN(k nearest neighbors),分别是: 约会对象预测 手写数 ...
- VisualVM分析与HelloWorld、springBoot项目
VisualVM分析与HelloWorld.springBoot项目 自从1995年第一个JDK版本JDKBeta发布,至今已经快25年,这些年来Java的框架日新月异,从最开始的Servlet阶段, ...
- IDEA启动tomcat报java.net.SocketExceptionsocket closed
IDEA启动tomcat报java.net.SocketException:socket closed.如图所示 解决方法:打开任务管理器,检查有没有java.exe进程. 关闭了重新启动就好了 ...
- <算法基础><排序>三种高级排序——快速排序，堆排序，归并排序
这三种排序算法的性能比较如下: 排序名称 时间复杂度(平均) 时间复杂度(最坏) 辅助空间 稳定性 快速排序 O(nlogn) O(n*n) O(nlogn) 不稳定 堆排序 O(nlogn) O(n ...
- zabbix配置
一:安装zabbix服务端 1.部署准备 命令:iptables -F #关闭防火墙命令:systemctl stop firewalld #关闭防火墙 设置解析,自建yum源 命令:c ...
- iOS开发动画(Animation)总结
UIView的,翻转.旋转,偏移,翻页,缩放,取反的动画效果 翻转的动画 //开始动画 [UIView beginAnimations:@"doflip" context:ni ...
- 配置文件—— .travis.yml
.travis.yml 介绍 https://docs.travis-ci.com/user/getting-started/ 用途 yaml语法的写出来的配置文件,用来描述如何持续构建,支持各种语言 ...