css: hide or dispaly div

来源:https://www.cnblogs.com/geovindu/archive/2019/10/12/11662748.html
-Advertisement-
Play Games

六福會員 X ...


<!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>

　　


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Android原生PDF功能實現
    1、背景 近期，公司希望實現安卓原生端的PDF功能，要求：高效、實用。 經過兩天的調研、編碼，實現了一個簡單Demo，如上圖所示。 關於安卓原生端的PDF功能實現，技術點還是很多的，為了咱們安卓開發的同學少走彎路，通過此文章，簡單講解下Demo的實現原理和主要技術點，並附上源碼。 2、安卓PDF現狀 ...
  • Android自定義控制項：自適應大小的文本控制項
    需求 自適應大小的文本： 效果圖： 項目開發中，開發人員根據UI人員提供的一套尺寸，佈局了一些帶文本的頁面， 往往會少考慮一些數據極限的問題，造成機型屏幕適配問題。 例如： 文本（或數值）長度可變，如經驗值、金幣數量等，如果頁面同一高度使用了多個Textview佈局擺放，當Textview文本長度增 ...
  • iOS 13 presentViewController
    升級了iOS 13，發現代碼中使用presentViewController的都變成了這樣的，頂部留了一部分 查看present樣式，iOS 13 預設自動適配，需要在present的時候，設置style ...
  • 《HTML、CSS、Javascript網頁製作，從入門到精通》——第一章 HTML基礎，第二章HTML基本標記
    1）HTML的基本概念 HTML就一種描述性的標記語言，是文檔的超文本標記語言。 基本結構為： HTML標記組成 ： <標記元素> 源文件中標記是不區分大小寫的。 2）編寫方法： 1》dreamweaver 或者其他的工具如sublime等。 3）瀏覽HTML文件，查看源代碼。右鍵點擊網頁，選擇查看 ...
  • Package.json詳解
    引言 前端需要學習的東西真的挺多的，之前主要從事的是MVC框架，操作DOM，使用JQUERY比較多，不知到什麼時候，發現現在前端MVVM是主流，不得不把之前的大部分東西丟掉，作為前端嬰兒不斷前行。 所以以後的文章，可能開始都比較基礎，希望大拿不要見笑，若有不對的地方，希望指正，我也會不斷修正迭代。 ...
  • javascript基礎修煉(13)——記一道有趣的JS腦洞練習題
    示例代碼托管在： "http://www.github.com/dashnowords/blogs" 博客園地址： "《大史住在大前端》原創博文目錄" 華為雲社區地址： "【你要的前端打怪升級指南】" [TOC] 一. 題目 改造下麵的代碼，使之輸出0 9，寫出你能想到的所有解法。 首先作為前端開發 ...
  • js 實現watch監聽數據變化
    1.js 2.html 3. 給vm.a 從新賦值 就能看到 newVal 和oldVal的變化 ...
  • vue事件獲取當前對象
    一.事件傳參 如點擊事件 二.事件屬性 bubbles:返回布爾值，指示事件是否是起泡事件類型。 cancelable:返回布爾值，指示事件是否可擁可取消的預設動作。 currentTarget:返回其事件監聽器觸發該事件的元素。 eventPhase:返回事件傳播的當前階段。 target:返回觸 ...
一周排行
    -Advertisement-
    Play Games
  • C#TMS系統學習（BaseCity頁面）
    C#TMS系統代碼-基礎頁面BaseCity學習 本人純新手，剛進公司跟領導報道，我說我是java全棧，他問我會不會C#，我說大學學過，他說這個TMS系統就給你來管了。外包已經把代碼給我了，這幾天先把增刪改查的代碼背一下，說不定後面就要趕鴨子上架了 Service頁面 //using => impo ...
  • C# - 委托與事件
    委托與事件 委托 委托的定義 委托是C#中的一種類型，用於存儲對方法的引用。它允許將方法作為參數傳遞給其他方法，實現回調、事件處理和動態調用等功能。通俗來講，就是委托包含方法的記憶體地址，方法匹配與委托相同的簽名，因此通過使用正確的參數類型來調用方法。 委托的特性 引用方法：委托允許存儲對方法的引用， ...
  • 解析 ABP vNext 依賴註入實現【屬性註入】的原理
    前言 這幾天閑來沒事看看ABP vNext的文檔和源碼，關於關於依賴註入(屬性註入)這塊兒產生了興趣。 我們都知道。Volo.ABP 依賴註入容器使用了第三方組件Autofac實現的。有三種註入方式，構造函數註入和方法註入和屬性註入。 ABP的屬性註入原則參考如下： 這時候我就開始疑惑了，因為我知道 ...
  • C#TMS系統學習（ShippingNotice頁面）
    C#TMS系統代碼-業務頁面ShippingNotice學習 學一個業務頁面，ok，領導開完會就被裁掉了，很突然啊，他收拾東西的時候我還以為他要旅游提前請假了，還在尋思為什麼回家連自己買的幾箱飲料都要叫跑腿帶走，怕被偷嗎？還好我在他開會之前拿了兩瓶芬達 感覺感覺前面的BaseCity差不太多，這邊的 ...
  • C#動態查詢：巧用Expression組合多條件表達式
    概述：在C#中，通過`Expression`類、`AndAlso`和`OrElse`方法可組合兩個`Expression<Func<T, bool>>`，實現多條件動態查詢。通過創建表達式樹，可輕鬆構建複雜的查詢條件。 在C#中，可以使用AndAlso和OrElse方法組合兩個Expression< ...
  • 在Biwen.QuickApi中整合一個極簡的發佈訂閱(事件匯流排)
    閑來無聊在我的Biwen.QuickApi中實現一下極簡的事件匯流排,其實代碼還是蠻簡單的,對於初學者可能有些幫助 就貼出來,有什麼不足的地方也歡迎板磚交流~ 首先定義一個事件約定的空介面 public interface IEvent{} 然後定義事件訂閱者介面 public interface I ...
  • WPF 穩定的全屏化視窗方法
    1. 案例 成某三甲醫預約系統， 該項目在2024年初進行上線測試，在正常運行了兩天後，業務系統報錯：The connection pool has been exhausted, either raise MaxPoolSize (currently 800) or Timeout (curren ...
  • 在 WPF 中集成 ASP.NET Core 和 WebView2 用於集成 SPA 應用
    背景 我們有些工具在 Web 版中已經有了很好的實踐，而在 WPF 中重新開發也是一種費時費力的操作，那麼直接集成則是最省事省力的方法了。 思路解釋 為什麼要使用 WPF？莫問為什麼，老 C# 開發的堅持，另外因為 Windows 上已經裝了 Webview2/edge 整體打包比 electron ...
  • C#事件
    EDP是一套集組織架構，許可權框架【功能許可權，操作許可權，數據訪問許可權，WebApi許可權】，自動化日誌，動態Interface，WebApi管理等基礎功能於一體的，基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 發佈到 Win7+
    .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
所有分類