簡單js遮罩效果，彈出註冊介面

阿新 • • 發佈：2019-02-10

<head>
    <meta charset="UTF-8">
    <title>遮罩</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #shade{
            position: fixed;
            width: 100%;
            height: 100%;
            display: none;
        }
        .shade-background 
{
            width: 100%;
            height: 100%;
            background-color: #CCCCCC;
            opacity: 0.5;
        }
        #register{
            position: relative;
            background-color: #fff;
            width: 500px;
            height: 300px;
            top: -70%;
            margin: 0 
 auto;
        }
    </style>
</head>
<body>
<div id="shade">
    <div class="shade-background"></div>
    <div id="register">
        使用者名稱<input type="" name="" id="" value="" /><br />
        密&nbsp;碼<input type="" name="" id="" value="" /> 
<br />
        <input type="submit" name="" id="reg" value="註冊" />
    </div>
</div>
<div>
    <input type="button" name="" id="btn" value="彈出遮罩" />
</div>
</body>
<script>
    var shade = document.getElementById("shade");
    var btn = document.getElementById("btn");
    var reg = document.getElementById("reg");
    btn.onclick = function(){
        shade.style.display = "block"
    }
    reg.onclick = function(){
        shade.style.display = "none"
    }
</script>

這裡寫圖片描述

簡單js遮罩效果，彈出註冊介面

web頁在微信中訪問增加遮罩層右上角彈出在瀏覽器中打開

osi nis scrip div ttr auto nav csdn img https://blog.csdn.net/zgsdzczh/article/details/79744838 web頁在微信中訪問增加遮罩層右上角彈出在瀏覽器中打開 <sty

JS彈出可移動的DIV對話方塊透明遮罩效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

自寫jQuery插件，實現簡單網頁遮罩層/彈出層功能，兼容IE6、IE7

點選連結後,彈出另一個浮動視窗,全屏變暗遮罩效果,適用於下載站

效果圖首先,要引入jquery及jquery.imagePreview.1.0.js外掛 jquery.js 自己下載而jquery.imagePreview.1.0.js外掛內容為 // JavaScript Document //copyrig

JS 輸入年份，再輸入月份，彈出這個月有多少天？

prompt ext ack || 年份 ava title 平年彈出 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l

python學習之網站的編寫（HTML，CSS，JS）（十五）----------示例，彈出一個背景為半黑色，前面是白框的彈窗功能（已經編好的框架）

效果圖，程式碼直接可應用，按自己的需要在其中加入想要的內容：程式碼及講解： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

easyUI的treegrid新增節點（append）時間過長，設定等待（wait）遮罩效果

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

artDialog5點選遮罩層關閉彈窗，

artDialog是一個基於javascript編寫的對話方塊彈窗元件，它有較豐富的介面，完全可以滿足你專案中各類需求的實現。 artDialog4+ 官網地址：http://code.google.com/p/artdialog/ 有原生js版本，也有提供

為網頁新增蒙板效果和彈出層js

有的時候我們需要實現彈出一個層然後下面的層被一層蒙板蒙起來使使用者不能點選裡面的按鈕效果，這一效果具體實現的程式碼如下：這是一個測試效果用的html，可以直接拷貝到html檔案中執行。 <html> <head> <!DOCTYPE ht

js中的3種彈出式訊息提醒(警告視窗，確認視窗，資訊輸入視窗)的命令是什麼？

彈出警告視窗“輸入資料無效” 彈出確認視窗“確認儲存嗎？” 彈出資訊輸入視窗“請在此輸入你的姓名” “輸入資料無效”： alert("輸入資料無效");//警告 “確認儲存嗎？”： confirm("你是菜鳥嗎");//確認 “請在此輸入你的姓名”： prompt("請在此

簡單實現註冊成功，彈出對話方塊

功能實現效果如下圖：第一步：佈局輸入的介面，在activity_main.xml中，程式碼如下： <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:to

MFC中按下Buttonbutton，彈出一個窗體的同一時候關閉本窗體

彈出 oda size win button class 隱藏 nbut top ?? CMyDlg *dlg = new CMyDlg(); //新建一個CMyDlg對象 this->ShowWindow(SW_HIDE);

iOS 鍵盤處理（改變鍵盤為完成鍵），UITextField鍵盤顯示隱藏，彈出，回彈

框架設置代理 res bool sea boa rst frame 技術分享很多時候用到UITextField時，處理鍵盤是一個很棘手的問題。問題一：如何隱藏鍵盤？方案1.改變鍵盤右下角的換行（enter）鍵為完成鍵，後實現代理方法鍵盤自動回彈 keyBoard

用css3過濾做遮罩效果

clas ont mask isp 過濾 control pos -a -c <!DOCTYPE html><html ng-app="myApp" ng-controller="myController"><head lang="en">

前端頁面給指定的div添加遮罩層，並且帶有加載中的小旋轉圖片

left 說了 -s 加載 jquer 其中 ges loading style 話不多說，先上代碼，其實還是比較簡單的 1 $("<div id=‘shade‘ style=‘opacity:0.85;background:white‘></div

Eclipse無法正常啟動，彈出對話框內容為 A Java Runtime...

runt 保存 machine 恰恰們的文件夾 com 無法 java 1、Eclipse無法正常啟動，彈出對話框內容為 A Java Runtime...如下圖：原因分析：由於軟件版本的更新或者安裝其他開發軟件無意之間修改了配置文件中的路徑，眾所周知，Java虛擬

如何在主Form出現之前，彈出密碼驗證From，Cancel就退出程序，Ok後密碼正確才出現主Form

標題 fin name ole nbsp close bob dial 作用如何在主Form出現之前，彈出密碼驗證From，Cancel就退出程序，Ok後密碼正確才出現主Form本文地址：CodeGo.net/5175478/ ---------------------

ios11，彈出層內的input框光標錯位鍵盤彈出時，輸入信息，光標一直亂跳

樣式表手機屏幕 return 底部 offset 情況輸入框 fix win 　　之前開發了一個微信項目，維護期中蘋果手機突然出現光標錯位現象，經過排查，發現是最新的ios11系統的鍋。　　具體情況：彈出層使用position: fixed；彈出層內附帶input/

當cell中有UItextfiled或者UITextVIew時，彈出鍵盤把tableview往上,但是有的cell沒有移動

方法 observer name self obj 判斷 http uia ati cell中有UITextView時,輸入文字是需要將tableView向上移,基本的做法是,註冊鍵盤變化的通知在通知的方法中做tableVIew的位置調整, 一,一般做法 - (void)r

簡單js遮罩效果，彈出註冊介面

相關推薦