DIV 弹出窗口类 (带遮罩层)(稍等。。。)
2008-09-07 07:13
246 查看
最近写了一个小js 类,是DIV弹出窗口类:
1、可以设置单渐变半透明遮罩层和多渐变半透明遮罩层(每个弹出窗口一个遮罩层)。
2、可以自定义弹出窗口样式(将你的窗体代码加进去)
3、可以随心所意的拖动
4、可以最小化、最大化,当然还有关闭(不然麻烦了)
先贴点窗口样式代码(可以自定义,除了msgWindow 这个大名称可变,其他都不要变):
<style>
.msgWindow {position: absolute;background-color:#808080;border:1px solid #01B7FF}
.msgWindow table.msgTb{font-size:12px;width:100%;height:100%;border:1px solid #1A1A1A;background-color:#F5F5F5}
.msgWindow td.msgTitle{font-size:12px;height:25px;background-color:#0A3F69;cursor:hand}
.msgWindow td.msgTitle td{font-size:12px;color:#ffffff}
.msgWindow td.msgTitleRight{width:25px;}
.msgWindow td.msgTitleLeft{width:25px;}
.msgWindow td.msgContent{font-size:12px}
.msgWindow td.msgLeft{width:25px}
.msgWindow td.msgRight{width:25px}
.msgWindow td.msgBottom{height:9px}
</style>
1、可以设置单渐变半透明遮罩层和多渐变半透明遮罩层(每个弹出窗口一个遮罩层)。
2、可以自定义弹出窗口样式(将你的窗体代码加进去)
3、可以随心所意的拖动
4、可以最小化、最大化,当然还有关闭(不然麻烦了)
先贴点窗口样式代码(可以自定义,除了msgWindow 这个大名称可变,其他都不要变):
<style>
.msgWindow {position: absolute;background-color:#808080;border:1px solid #01B7FF}
.msgWindow table.msgTb{font-size:12px;width:100%;height:100%;border:1px solid #1A1A1A;background-color:#F5F5F5}
.msgWindow td.msgTitle{font-size:12px;height:25px;background-color:#0A3F69;cursor:hand}
.msgWindow td.msgTitle td{font-size:12px;color:#ffffff}
.msgWindow td.msgTitleRight{width:25px;}
.msgWindow td.msgTitleLeft{width:25px;}
.msgWindow td.msgContent{font-size:12px}
.msgWindow td.msgLeft{width:25px}
.msgWindow td.msgRight{width:25px}
.msgWindow td.msgBottom{height:9px}
</style>
相关文章推荐
- JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
- Div+Css+JS做弹出窗口
- 点击弹出居中带有透明遮罩层窗口
- JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
- JQuery响应登陆注册弹出窗口遮罩层
- 弹出div窗口进行图片上传操作思路
- 弹出div后面窗口变灰
- 【转】div弹出窗口的制作
- div布局-Jquery 收起左栏、全屏、半透明div遮盖照片、半透明div遮盖全屏弹出窗口
- div+css模拟弹出窗口
- DIV模拟弹出窗口(支持拖动)
- Div+Css+JS做弹出窗口
- 完美的Div弹出窗口
- 创建一个弹出DIV窗口
- javascript用DIV模拟弹出窗口_窗体滚动跟随
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- 如何创建一个JavaScript弹出DIV窗口层的效果
- 实现弹出一个隐藏的div窗口,body页面变成灰色并且不可被编辑
- JQuery 弹出窗口,(div显示与隐藏),隐藏层半透明
- 弹出可拖动div层提示窗口