页面点击按钮后出现遮罩层，遮罩层上面有其他内容可显示，包含关闭遮罩层按钮

遮罩层

关闭遮罩层

5星 · 超过95%的资源需积分: 46 1.2k 浏览量 2014-06-04 16:19:06 上传评论收藏 1KB TXT 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

3页

点击按钮弹出悬浮层，层上有数据且可以关闭页面点击按钮后出现遮罩层，遮罩层上面有其他内容可显示，包含关闭遮罩层按钮。需要显示详情，但是不想从新写一个页面。所以选择弹出层，一层遮罩层，一层显示详情层，遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置，防止页面出现错误。

资源推荐

资源详情

资源评论

jquery遮罩层

遮罩层进度显示

jquery遮罩显示效果，浏览器页面全遮罩，其他按钮不能点击。中间显示进度效果。

jQuery点击按钮弹出遮罩层且内容居中特效

本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效，下面来看最终实现的效果：由于是测试的程序，所以我未加关闭的按钮。一、主体程序 <!DOCTYPE html> <html> <head> <meta ...

遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

实现点击按钮弹出遮罩层，点击按钮可以随意拖动和关闭。接下来，通过本篇文章给大家介绍遮罩层点击按钮弹出并且具有拖动和关闭效果，需要的朋友可以参考下

jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)

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

SCSS移动端页面遮罩层效果的实现及常见问题解决

主要介绍了SCSS移动端页面遮罩层效果的实现及常见问题解决,使用CSS的预处理器框架SCSS写起来比原生CSS会来得更加简便一些,需要的朋友可以参考下

（美观+实用）jQuery点击弹出步骤遮罩层窗口代码

jQuery点击弹出步骤遮罩层窗口代码基于jquery.1.7.1.min.js制作，操作窗口，操作步骤代码，点击上一步、下一步显示不同内容。

非常简单的jquery遮罩层鼠标点击按钮放大展开动画弹出框

非常简单的jquery遮罩层鼠标点击按钮放大展开动画弹出框非常简单的jquery遮罩层鼠标点击按钮放大展开动画弹出框

简单实用的弹框加遮罩和关闭按钮.zip

弹框加遮罩和关闭按钮，比较简单实用，可以自己在此基础上加其他的效果，更改自己需要的样式，非常简单的jq效果

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script>
function showdiv() {
document.getElementById("allDiv").style.display = "block";
}
function hidediv() {
document.getElementById("allDiv").style.display = 'none';
}
</script>
</head>

<body >
<div style="background:url(http://img7.9158.com/200708/10/09/18/200708103758836.jpg);">

<div style="height:10000px; ">1<br>
1<br><a href="#">aaa</a>
<input id="Button1" type="button" value="button" onclick="showdiv();" />

1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论收藏

内容反馈