模拟 弹出 可编辑的个性对话框

最新推荐文章于 2023-11-28 21:06:27 发布
最新推荐文章于 2023-11-28 21:06:27 发布
阅读量374 收藏
点赞数
分类专栏： JS系列 文章标签： filter button function div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NIHAOX1/article/details/6917484
版权 
<script type="text/javascript">
function a()
{
    var n=document.getElementById('show');
    n.style.visibility= "visible";
}
function b()
{
    var n=document.getElementById('show');
    n.style.visibility= "hidden";
}
</script>
<body bgcolor="#669900">
<div id="show" style=" position:absolute;width:100%; height:100%; background-color:#000000;filter:alpha(opacity=70);opacity:0.7; visibility:hidden;">
    <div style="width:500px; height:300px; margin:0 auto; background-color:#FFFFFF; margin-top:200px;" align="center">
        <button onClick="b()" style="margin-top:100px;">点击我吧</button>
    </div>
</div>
<button onClick="a()">点击我吧</button>
</body>


实现原理在于

visibility 

filter:alpha(opacity=70); 、opacity:0.7;  (写2个是考虑到兼容性)

position:absolute;

是让其不影响布局

希望再完善一点的话  最好加上Zindex=1000; 

不过如果只有一个position:absolute;层的话

个人感觉没必要。。。。。。

萧萧可乐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿中关村在线参数修改弹出对话框 v1.1源码
02-11
仿中关村在线参数修改弹出对话框 v1.1源码 程序描述： 模仿中关村在线商品展览页面中点击编辑按钮后弹出窗口修改商品信息的功能。 命名规则： 1、所有由多个单词组成的对象（类、函数、属性、变量、字段等）的名称每个单词的第一个字母大写，参数除外。(2011-10-18) 2、类名、对象名=对应的SQL表名＋层次名。 如：DataTypeModel、DataTypeBLL、DataTypeDAL　DataType（SQL表名）BLL、DAL、Model(层次名)(2011-10-18) 3、对象名实例名： (1)当在同一个生命周期和参数中只存在一个同层次的对象时，对象名实例名＝全部小写的层名。　如：DataTypeModel　model(2011-10-18) (2)当在同一个生命周期和参数中只存在多个同层次的对象时，对象名实例名＝第一个字母小写的对象名。　如：DataTypeModel　dataTypeModel=null(2011-10-18) 4、属性名=对应的SQL表中的与之相对应的字段名。 5、变量名=属性名＋_＋数据类型的前三个字母。如：string ProductName_str、String ProductName_Str(2011-10-18) 6、参数名=第一个字母小写的属性名＋_＋数据类型的前三个字母。如：string productName_str、String productName_Str(2011-10-18) 7、控件名: (1)开发环境给出的控件名为一个单词组成时:控件名＝自定义名＋单词的前三个字母如：Button MyBut= new Button()。(2011-10-21) (2)开发环境给出的控件名为多个单词时:控件名＝自定义名＋每个单词的第－个字母如：TextBox MyTB= new TextBox()。(2011-10-21) 问题 1、把对话框作为一个控件单独封装没有实现，下一版实现。(2011-10-20) 解决： 使用Ajax和WebService完成了对话框的初始化和显示(2011-11-10) 2、下一版使用Ajax实现话框控件。(2011-10-20) 3.CSS实现的对话框控件必须在当前页面上最好不要在ascx控件页面上实现因为不能从一个button事件中调用另一个button事件， 如果在ascx控件页面上实现则对话框控件中执行的操作太多并且可能在ascx控件页面实例化多个Bll对象(2011-10-21) 4.当使用Jqurey时Button单击事件不执行 5.验证控件VerificationAsc.ascx中的“尖角居中”的CSS样式在IE6中的兼容性不是很完美。(2011-11-06) 修改 Vilidate.cs中的修改 1、对于 “验证一个对象输入的是否全部都是[数字]”的验证函数进行了修改(2011-11-4) 2、增加了“验证输入的数字是否在其类型的取值范围内”函数，使用枚举类型数据和Switch Case为不同取值范围的整型数据输出验证提示信息(2011-11-4) 3、修改了弹出对话框向数据库提交可空类型数据(2011-11-4) 4、对验证控件进行了修改(2011-11-4) VerificationAsc.ascx　中的修改 1、把验证控件改为VerificationAsc.ascx，并修改了CSS样式。(2011-11-06)
C#中Windows 窗体应用(.NET 8)对话框类SaveFileDialog 、OpenFileDialog、ColorDialog、FontDialog和FolderBrowserDialog
最新发布
wenchm的博客
11-29 1361
汇总一下几个常用的对话框类，省的需要的时候到处去找。所谓对话框类：就是要在Windows窗体（.NET 6.x以上）上使用的对话框类。虽然这些类的知识点是在.NET里定义的，但这些类同样适用于.NET Framework全系列。System.Windows.Forms 命名空间 | Microsoft Learn以下以.NET 8.0为例。
C#中Windows 窗体对话框组件SaveFileDialog 、OpenFileDialog、ColorDialog、FontDialog和FolderBrowserDialog
wenchm的博客
11-28 1189
汇总一下几个常用的对话框组件，省的需要的时候到处去找。所谓组件：就是要在Windows窗体（.NET Framework 4.x）上使用的控件。要使用的控件 - Windows Forms .NET Framework | Microsoft Learn。
JS实现弹出下载对话框及常见文件类型的下载
倦鸟归时
11-24 8324
原文链接：http://www.cnblogs.com/liuxianan/p/js-download.html S要实现下载功能，一般都是这么几个过程：生成下载的URL，动态创建一个A标签，并将其href指向生成的URL，然后触发A标签的单击事件，这样就会弹出下载对话框，从而实现了一个下载的功能 1.写在前面 JS要实现下载功能，一般都是这么几个过程：生成下载的URL，
matlab模拟参数对话框,SIMULINK仿真参数的设置
weixin_39655362的博客
03-20 5362
《SIMULINK仿真参数的设置》由会员分享，可在线阅读，更多相关《SIMULINK仿真参数的设置(13页珍藏版)》请在人人文库网上搜索。1、SIMULINK仿真的运行,一、设置仿真参数和选择解法器 设置仿真参数和选择解法器，选择Simulation菜单下的Parameters命令，就会弹出一个仿真参数对话框，它主要用三个页面来管理仿真的参数。 Solver页，它允许用户设置仿真的开始和结束时间，...
VC实现炫眩qq界面的模拟(附源码)
03-10
现在已经完成QQ主界面的外观实现与美化了，接下来我们通过VC向导添加一个对话框资源并添加相应的类，命名CtalkDlg类，其功能是聊天对话框的对话窗口,也就是当我们双击用户列表的其中一个用户后弹出的聊天窗口....
威纶触摸屏编程培训教程.pdf
12-25
网线上传 网线上传 网线上传 网线上传： ： ： ： 在Project Manager上点上传，在弹出的对话框中设置屏 的IP和上传密码，并选择上传后的存储目录即可。 www.plcworld.cn 网线上传 存储 目录 密码 设定 ...
计算机应用基础-作业3.docx
07-03
B、文档不能关闭，并提示出错 C、文档被关闭，修改后的内容不能保存 D、弹出对话框，并询问是否保存对文档的修改 参考答案： D 3(6分)、 word在编辑一个文档完毕后，要想知道它打印后的结果，可使用（　）功能。...
Component Toolbox 6 OCX控件（注册版本）
04-25
ctMEdit －可进行隐藏编辑的文本输入对话框控件； ctMenu －不可见的菜单通告对象； ctMeter －增强的可视化标尺式进度条； ctMonth －支持定制的月份浏览控件； ctMove －动画按钮或多状态按钮控件； ctNavBar －XP...
C# Winform编程（3）各种对话框
SongYuLong
10-16 975
FontDialog提供了一种简单的方式来让用户选择字体，并获取用户所选字体的相关信息。ColorDialog提供了一种简单的方式来让用户选择颜色，并获取用户所选颜色的值。保存文件SaveFileDialog类的使用方法使用的命名空间是：System.Windows.Forms.SaveFileDialog;保存文件SaveFileDialog类的使用方法使用的命名空间是：System.Windows.Forms.OpenFileDialog;
Blazor Modal对话框编辑器
寒冰屋的专栏
05-17 2338
目录 介绍 代码库 控制SPA导航 建立对话 ModalDialog1 FetchData1 NavMenu.razor Site.css 运行版本1 版本2 Site.js 模态对话框 运行版本2 版本3 ModalResult和ModalResultType ModalOptions IModal对话 模态对话框 天气组件 天气编辑器 FetchDataModal 总结 介绍 为了设置本文的上下文，自Blazor首次发布以来，已经有许多关于如何处理编辑表单
JavaScript动态增加删除DIV.html
10-30 2736
function add_div() { var ad=document.getElementById('show'); var adiv=document.createElement('div'); adiv.style.background="#000000"; adiv.style.width="100px"; adiv.style.height="30px"; adiv.id=
JSONP跨域的一个例子
08-06 2108
最近的项目碰到了跨域的问题。。。  之前有关于跨域一直研究得不是很深刻。。。 刚好借这次机会，好好看了看。。。。    有看到JSONP的方法，例子如下： test.html代码：（这里只是做测试，以后可以使用php或者JSP  动态生成 ，这里就不多说了） cb({name:"hgfhhgfhgfhgfh",sex:"boy"}) //ps 第二个页面：HTML代码：JS:functi
JS+DOM编程艺术 读书笔记(完)
11-20 874
花了一个星期 终于把《JS+DOM编程艺术》零零散散的看了一遍 这是最近一个半月来看的第四本有关JS的书 其它分别是《JS完全自学手册》、《JS王者归来》、《JS编程教程》 而之所以会去看这本  是看了CSDN上展望JS的一个帖子  里面很推荐 说说心得吧 感觉这本书说的东西  都是一些很底层很实用的东西 技术层面上  新手想要接触JS的话 作为引路的一本书  也不坏 而在思维
海量操作下的js编码规范
01-02 863
最近公司的很多项目都涉及到了海量操作  之前说好的插件基本上都趴了 无奈只好自己动手写了 （别问我 为什么不用类似分页之类的方法解决，客户说不行） 解决了3处：图片相册   树形插件  缩略图 以树形插件为例   来和大家探讨下  海量操作下的JS编码 web上的树形插件不少  之前也写过几个  很简单  但是在以10W个子节点的加载情况下  运行的效果确实很糟糕 （另外  我会告诉你
RIA开发
03-31 855
最近一个多月 一直都在为公司写一个模块化的前端管理器 主要目的在于  1.减少带宽 2.减少项目的复杂度 3.提炼常用功能模块（这点有点类似于插件） 4.方便开发人员的职责分配（每位开发人员自己负责自己的模块、对外仅提供API，各模块之间高度独立） 5.方便日后拓展（基于模块高度独立） 6.每个模块的html代码 JS代码 集中   模块之间不会串联  方便后天修改  同时每个模块内
twitter 水洼题 JS版
11-06 719
function E( x ){console.log(x);}; *{border: 0px; margin: 0px; padding:0px;} .main{width:80%; height:600px; margin:0px auto; position: relative;} .main .cell{width:10%; height:10%; border:1px solid
casync.js RIA快速构建开发
06-04 651
casync.js RIA快速构建开发
RIA开发一些技巧
06-02 650
RIA开发 作为一个单页面应用的开发 解决RIA的性能陷阱 是一件非常重要的事情   下面的一些性能陷阱总结，是小弟自己在项目中摸索的，这里权作抛砖引玉 欢迎各位大神吐槽 1.页面html代码过多  很多人认为html代码过多后 寻找某个dom对象 将极大的影响浏览器性能，这个有个小技巧： 一旦一个模块级别的dom对象被创建后，赋予它一个索引，类似c中的指针，将它放置于全
windows下的工具链 树莓派_Windows下交叉编译Qt 5.14.2至树莓派平台 & QEMU模拟树莓派...
09-21
在弹出的对话框中，设置名称为"树莓派交叉编译工具链"（或者你喜欢的名称），设置路径为你的交叉编译工具链的路径。 注意：如果在上一步骤中没有复制并重命名文件夹，你也可以直接选择刚刚复制的文件夹作为工具链...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值