window open 遮罩层

2024-09-06

window.open实现模式窗口(只弹出一个window.open)

父页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>父窗口</title> <script src="../Scri

jQuery遮罩层登录对话框

用户登录是许多网站必备的功能.有一种方式就是不管在网站的哪个页面,点击登录按钮就会弹出一个遮罩层,显示用户登录的对话框.这用方式比较灵活方便.而现在扫描二维码登录的方式也是很常见,例如QQ.微信.百度等.现在何问起推荐一个带二维码的登录弹出层,可拖动.关闭,有需要的朋友可以参考一下. 体验效果:http://hovertree.com/texiao/jquery/91/ 结尾附有源码下载. 效果图: 代码如下: <!DOCTYPE html> <html lang="zh&qu

弹出页面遮罩层，以及web端和移动端阻止遮罩层的滑动。

最近项目遇到了遮罩层的一些问题,总结一下: 弹出遮罩层遮罩层弹出有非常多的方法,这里只写出本人用的代码,使用jq操作dom的方法进行实现的. <style>.box{position:absolute;width:100%;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border:1px #ddd solid;padding:1px;}</style><div id="bg" v-c

js简单弹出层、遮罩层

<html> <head> <title>js简单弹出层</title> <style> /*阴影边框效果*/ .box-shadow-1 { -webkit-box-shadow: 3px 3px 3px; -moz-box-shadow: 3px 3px 3px; box-shadow: 3px 3px 3px; } .box-shadow-2 { -webkit-box-shadow: 0 0 10px #0CC; -moz-box-sha

Css动画形式弹出遮罩层，内容区上下左右居中于不定宽高的容器中

<!DOCTYPE html> <html> <head> </head> <body id="body"> <!-- /*弹出遮罩层*/ 第一步:初始化遮罩层的基本属性,将其相对于浏览器窗口定位,将其尺寸缩放为0 第二步:设置遮罩层的高度,以便弹出式覆盖整个浏览器窗口第三步:通过点击事件给遮罩层添加弹出动画类 /*固定宽高盒子上下左右居于不定宽高容器正中*/ 第一步:设置待定位盒子和宽高值第二步:将待定位盒子pos

html实现弹框，并伴随遮罩层，且弹框居中

本文介绍的内容主要实现的功能有,出现弹框,并且伴随遮罩层,且弹框一直居中. html和js代码: <div id="hidebg"></div> <div id="hidebox" onClick="hidebox();"> <div> <p class="box-head">温馨提示</p> <div class="hidebox-hr&

js 遮罩层 loading 效果

//调用方法 //关闭事件<button onclick='LayerHide()'>关闭</button>,在loadDiv(text)中,剔除出来 //调用LayerShow(text),text为参数,可以写入想要写入的提示语 //本方法在调用时会自动生成一个添加到body的div,并且会在调用隐藏遮罩层 LayerHide()时删除div //封装遮罩层div显示效果 //将其放在页面的div中加载 function loadDiv(text) { var div = &q

Android自定义遮罩层设计

在做网页设计时,前端设计人员会经常用到基于JS开发的遮罩层,并且背景半透明.这样的效果怎么样在Android上实现呢?这个实现并不困难,先来上效果图: <ignore_js_op> 20121029222704.jpg (29.46 KB, 下载次数: 61) 下载附件保存到相册 2013-5-3 15:29 上传本实例源码下载:点击下载 PopMaskViewActivity代码: [mw_shl_code=java,true]package com.sunchis.demo; i

jQuery+CSS 简单代码实现遮罩层( 兼容主流浏览器 )

/* ** jQuery版本:jQuery-1.8.3.min.js ** 浏览器:Chrome( v31.0.1650.63 m ),IE11,Firefox( v32.0.1 ),IETester下IE8-IE10** Author:博客园小dee */ 比起使用注册页和登陆页,网站在当前页使用遮罩层注册和登陆的用户体验要好不少.这里使用jQuery和CSS实现一个简单的遮罩效果. 在页面点击"注册",出现一层有不透明度的黑色遮罩:遮罩层的上方是注册框:此时无法点击页面上除注册框外

easyui dialog遮罩层

当dialog在一个iframe里时,此dialog的遮罩层也会只覆盖这个iframe,要想覆盖整个页面,就把dialog写到最外层的父页面中去,此时dialog的遮罩层会自动覆盖整个页面,若需要从子页面去获取父页面的dom对象,用parent.window.$(" ")的形式.

跟随屏幕滚动层、遮罩层、获取Div相对定位、整个屏幕、html文档的jquery基本操作

一.层跟随屏幕滚动 <div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; top:100px; z-index:1001;" id="AdminUserStateDiv"> </div> <div class="div1">层1</div

纯js制作遮罩层对话框 -- g皓皓

//本文支持js在线工具测试.转载请注明出处. <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <script> func

自写图片遮罩层放大功能jquery插件源代码，photobox.js 1.0版，不兼容IE6

阿嚏~~~ 话说本屌丝没啥开发插件的经验,可是天公不作美,公司须要让我自己开发个图片放大的插件但公司老大的话,宛如吾皇之圣旨,微臣必当肝脑涂地,莫敢不从啊~~~ 于是乎,作为一个超级小白,本人仅仅能瞎研究了,幸好黑天不负屌丝人,本屌丝最终搞出来了,尽管不尽善尽美,可是功能还是能够用的啦先附上源代码,求各种大神指导: /******************************* * photobox跨浏览器兼容插件 v1.0(不支持IE6) * 格式:<a href="big.jpg

z-index解决弹出层遮罩层覆盖子div不能显示输出的问题

// 添加以下代码来进行测试: // ajax 发生错误,就会执行$('body').ajaxError(function(e, xhr, setting, text){ // e - event 事件 // xhr - XMLHttpRequest 对象 // setting - ajax 设置 // text - 错误信息 alert(text);}); // ajax 完成后,就会执行$('body').ajaxComplete(function(){

js特效遮罩层（弹出层）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0px; padding: 0px; } .mask { width: 100%; /*height: 500px;*/ position: fixed; top: 0px; left: 0px; background-color

jQuery遮罩层插件

在网页上常常遇到须要等待非常久的操作,比方导出报表等.为了预防用户点击其它操作或者多次点击同个功能,须要用遮罩层把页面或者操作区盖住.防止用户进行下一步操作.同一时候能够提高界面友好度,让用户知道操作正在运行. $.fn.extend({ /** * 给元素加入遮罩层 * @param message {String} [可选]遮罩层显示内容 */ mask: function (message) { var $target = this, fixed = false, targetStatic

简单的ajax遮罩层（加载进度圈）cvi_busy_lib.js

cvi_busy_lib.js cvi_busy_lib.js 是一个基于ajax的遮罩js,遮罩区域为body区域.使用比较简单. 效果: 在下面的Js代码,标注为红色标记为需要设置的参数. 1.getBusyOverlay(id, overlay, busy) 为遮罩层的方法, id:需要写viewport,详情请看Js内部. overlay:主要是遮罩层的样式,遮罩层显示字体的样式. busy:加载进度圈的样式. 2.xval.settext("正在登录,请稍后......");

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开

https://blog.csdn.net/zgsdzczh/article/details/79744838 web页在微信中访问增加遮罩层右上角弹出在浏览器中打开 <style type="text/css"> * { margin: 0; padding: 0; } a { text-decoration: none; } img { max-width: 100%; height: auto; }

WPF loading遮罩层 LoadingMask

原文:WPF loading遮罩层 LoadingMask 大家可能很纠结在异步query数据的时候想在wpf程序中显示一个loading的遮罩吧今天就为大家介绍下遮罩的制作源码下载点击此处先上张效果图看看如果不如您的法眼可以移步了或者有更好的效果可以留言给我废话不多说直接贴代码一个usercontrol <UserControl x:Class="LoadingMask_Demo.LoadingWait" xmlns="http://schem

AngualrJS中每次$http请求时的一个遮罩层Directive

在AngualrJS中使用$http每次向远程API发送请求,等待响应,这中间有些许的等待过程.如何优雅地处理这个等待过程呢? 如果我们在等待过程中弹出一个遮罩层,会是一个比较优雅的做法. 这就涉及到了对$http的请求响应进行拦截了.请求的时候,弹出一个遮罩层,收到响应的时候把遮罩层隐藏. 其实,$httpProvider已经为我们提供了一个$httpProvider.interceptors属性,我们只需要把自定义的拦截器放到该集合中就可以了. 如何表现呢?大致是这样的: <div data

js关于弹也遮罩层

1:什么是遮罩层遮罩层:我是弹也一个(遮罩层)还有一个(内容层),下面上图片看一效果我们看到一个灰蒙蒙的遮盖(其实也是一个层)还有一个层(也就是我们展示的内容). 2: 弹出层效果居中分析在这个图片中我们还看到我们弹出的层刚好在中间.下面在上个图看清楚的效果: 如果我们是一个“点”放在中间那么当然是$(window).width()/2,但我们是一个层,它有自已的高度和宽度,如果起始还是从中心点开始,你想它会在居间显示,显然不对,它们靠右边了,所以我们减去它的高和宽同是除以2 var

window open 遮罩层

热门专题