js遮罩效果制作弹出注册界面效果
作者：万花果子 发布时间：2024-07-14 20:48:58
标签：js,遮罩,注册
本文实例为大家分享了js遮罩效果弹出界面的具体代码，供大家参考，具体内容如下
<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 />
密 码<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>
效果图：
0
投稿猜你喜欢
- 在实际处理数据时，因系统内存有限，我们不可能一次把所有数据都导出进行操作，所以需要批量导出依次操作。为了加快运行，我们会采用多线程的方法进行
- 第一种是用urllib模块,下面是例示代码：import urllibstatus=urllib.urlopen("https:/
- 概述 -------------------------------------------------------------------
用python搭建百万答题、自动百度搜索答案。使用平台windows7python3.6MIX2手机代码原理手机屏幕内容同步到pc端对问题截- 本文实例讲述了Python实现网络端口转发和重定向的方法。分享给大家供大家参考，具体如下：【任务】需要将某个网络端口转发到另一个主机（for
- 在python中，如下代码结果一定不会让你吃惊：Python 3.3.2 (v3.3.2:d047928ae3f6, May 16 2013
- 前言在没有深度使用函数回调的经验的时候，去看这些内容还是有一点吃力的。由于Node.js独特的异步特性，才出现了“回调地狱”的问题，这篇文章
- 列表是什么？列表由一系列特定顺序排列的元素组成，你可以创建包含字母表中的所有字母、数字0~9、所有家庭成员姓名的列表等等，也可以将任何东西放
- Python怎么生成一个迭代器，对于需要处理大型数据来说，迭代器是必不可少的，这样可节省大量内存空间，更加合理操作数据。首先我们打开编辑器，
- 1.下载Linux对应的RPM包http://dev.mysql.com/downloads/mysql/5.6.htmlwget http
- 目录jQuery的$.ajaxWebpack时代的开始深入了解Promise消灭嵌套await-to-js总结jQuery的$.ajax在开
- 饼图常用于统计学模块，画饼图用到的方法为：pie( )一、pie()函数用来绘制饼图pie(x, explode=None, labels=
- 本文实例讲述了Python使用pickle模块报错EOFError Ran out of input的解决方法。分享给大家供大家参考，具体如
- 本文首先介绍了Python中的模块的概念，谈到了一个模块往往由多个模块组成，然后通过具体实例，分析了模块重载的相关内容，具体介绍如下。模块是
- 基于Python中求和函数sum的用法详解今天在看《集体编程智慧》这本书的时候，看到一段Python代码，当时是百思不得其解，总觉得是书中排
- 1.关闭浏览器全部标签页driver.quit()2.关闭当前标签页（从标签页A打开新的标签页B，关闭标签页A）driver.close()
- python 版本 3.x首先安装 PIL由于PIL仅支持到Python 2.7，加上年久失修，于是一群志愿者在PIL的基础上创建了兼容的版
- 一个客户提供一个股价的信息，要求放在页面上，显示一些数据，需要从远程获取xml，然后解析写在网页上，开始不会觉得很难，其实蛮简单的，先用ja
- pandas处理大数据的限制现在的数据科学比赛提供的数据量越来越大，动不动几十个G，甚至上百G，这就要考验机器性能和数据处理能力。Pytho
- 1、from子句组装来自不同数据源的数据； 2、where子句基于指定的条件对记录行进行筛选； 3、group&nb
