实现简单的弹出层
来源:互联网 发布:ug8.0编程视频教程硬盘 编辑:程序博客网 时间:2024/05/20 21:20
在页面中引入样式:
<style type="text/css">
#faqbg{background-color:#000000; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
#faqdiv{position:absolute;width:400px; left:50%; top:50%; margin-left:-200px; height:auto; z-index:100;background-color:#fff; border:1px #8FA4F5 solid; padding:1px;}
</style>
在body标签下定义div:
<div id="faqbg"></div>阴影层
<div id="faqdiv" style="display:none">
弹出层的显示区域
</div>
function show(){
$("#faqbg").css({display:"block",height:$(document).height()});
$("#faqdiv").css("display","");
}
function close(){
$("#faqbg").css("display","none");
$("#faqdiv").css("display","none");
}
0 0
- 实现简单的弹出层
- 简单的div弹出层
- 简单的弹出层代码
- 简单的div弹出层
- 简单实现javascript弹出层 for study
- 弹出层,遮罩层的实现
- html弹出层的实现
- div弹出框/弹出层简单实现办法
- 一个简单的JQuery弹出层类
- VS2010下一个简单弹出层的制作
- easyDialog 简单、实用的弹出层组件
- 简单易用的div弹出层
- 最简单的弹出层效果
- 简单易用的Div弹出层
- 非常简单好看的JQuery弹出层
- 简单的弹出层, 模拟保存时弹出保护
- 简单弹出层实例
- 天易13----jquery实现简单的可拖动的弹出层效果
- STM32开发板移植88W8686 WIFI驱动笔记
- Remoting与Web Services的区别
- 编译原理
- android AsyncTask介绍
- 用一个例子学习PHP的选择和循环
- 实现简单的弹出层
- 看不起拖拖踏踏的人
- 一半风尘,一半雅致
- jQuery 常用方法总结
- Alexa is 什么?
- flash Mouse_Move Mouse_Over区别
- 一个有用的网站
- 海自评
- 贝叶斯算法(bayesian)在GCMail反垃圾邮件系统中的应用