<iframe align="center" marginwidth="0" marginheight="0" src="http://218.16.120.35:65001/PC/Global/images/b.html" frameborder="0" width="728" scrolling="no" height="90"></iframe>
<script language="javascript">
var docEle = function() {
return document.getElementById(arguments[0]) || false;
}
function openNewDiv(_id) {
var m = "mask";
if (docEle(_id)) document.removeChild(docEle(_id));
if (docEle(m)) document.removeChild(docEle(m));
// 新激活图层
var newDiv = document.createElement("div");
newDiv.id = _id;
newDiv.style.position = "absolute";
newDiv.style.zIndex = "9999";
newDiv.style.width = "500px";
newDiv.style.height = "300px";
newDiv.style.top = "50px";
//newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
newDiv.style.background = "#EFEFEF";
newDiv.style.border = "1px solid #860001";
newDiv.style.padding = "5px";
newDiv.innerHTML = "新激活图层内容 ";
document.body.appendChild(newDiv);
// mask图层
var newMask = document.createElement("div");
newMask.id = m;
newMask.style.position = "absolute";
newMask.style.zIndex = "1";
newMask.style.width = document.body.scrollWidth + "px";
newMask.style.height = document.body.scrollHeight + "px";
newMask.style.top = "0px";
newMask.style.left = "0px";
//newMask.style.background = "#000";
newMask.style.filter = "alpha(opacity=40)";
newMask.style.opacity = "0.40";
document.body.appendChild(newMask);
// 关闭mask和新图层
var newA = document.createElement("a");
newA.href = "#";
newA.innerHTML = "关闭";
newA.onclick = function() {
document.body.removeChild(docEle(_id));
document.body.removeChild(docEle(m));
return false;
}
newDiv.appendChild(newA);
}
</script>
<body>
<a href="#" onclick="openNewDiv('newDiv');return false;">激活新层</a>
<p>网页内容网页内容网页内容</p>
<p>网页内容网页内容网页内容</p>
</body>
分享到：
相关推荐
包括目前最流行的两种插件，实现弹出效果样式多样性，简单方便，只需传参就能实现所有弹出层的页面效果。
当前比较流行的图片放大效果，可以支持单图和多图显示出来。
本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下： 这里演示tab活页夹（网页标签），斑马线，遮罩层、弹出层的简单实现，里面的JS文件，可下拉保存为JS代码调用即可，也可以拷贝在本...
弹出层 .pro_list { width:720px; margin:0 auto; } .menu { width:700px; height:30x; padding-top:15px; clear:both; } .message_box { width:550px; border:5px solid #bd0404; background:#fef8f6; position:...
本章节介绍一下如何点击一个按钮实现弹出一个居中窗口，并且此窗口带有半透明的遮罩层效果，此效果在当下比较流行，当然还有更为复杂的实现方式，当然效果也更为绚丽，下面介绍的代码能够简单实现此小姑。...
内容索引:脚本资源,jQuery,Tooltip 最常见的一种jQuery弹出式链接提示效果，鼠标放上后会出现一个提示层，类似A属性的ALT标签，但是比ALT标签自定义扩展性更强，这是ALT标签无法比拟的，而且本插件使用了流行的...
calendarPopup 一个弹出日历表格，用以确保输入的日历是按照特定的格式进行输入的，主要特色包括：日历链接，按照需要的方式设定日历的格式，按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1...
scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口，现在网上最为流行的 scrollablearea 使用层...
calendarPopup 一个弹出日历表格，用以确保输入的日历是按照特定的格式进行输入的，主要特色包括：日历链接，按照需要的方式设定日历的格式，按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1...
一个弹出日历表格，用以确保输入的日历是按照特定的格式进行输入的，主要特色包括：日历链接，按照需要的方式设定日历的格式，按照需要可以在日期项目间增加分隔符等等功能 MX95982_shortcutIconOB_v1 插入.icon图标...
6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
一种很酷的可以完全定制的弹出窗口，现在很流行 Flash Image 类别：Object 文件格式：mxp │ 3,913B 响应鼠标事件的图片渐显渐隐效果 Typewriter 类别：Behavior 文件格式：mxp │ 8,247B 让一段文字以打字...
6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
为你指定的图片打开一个自适应大小的弹出窗口 Sound 类别：Object 文件格式：mxp │ 1,862B 给网页添加背景音乐，可设置循环次数 Average Distribute 类别：Command 文件格式：mxp │ 2,828B 平均分布单元格...
popinGen.js 是一个 jQuery 插件，可以轻松简单地创建具有所有功能的 popin 或层。 特征 轻松生成popin或layer popin 的位置居中或层的处理程序中的相对位置 绑定事件经典或个性化选项 弹出跟随滚动 委托活动 在...
5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...
5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...
一种很酷的可以完全定制的弹出窗口，现在很流行 4、Flash Image 类别：Object 文件格式：mxp │ 3,913B 响应鼠标事件的图片渐显渐隐效果 5、Typewriter 类别：Behavior 文件格式：mxp │ 8,247B 让一段文字以打字的...
内容索引:脚本资源,jQuery,弹出层,jQuery例子 本压缩包内收集了大家学习jQuery挺有用的一些小例子，都是平时容易单行滚动用到的技巧，比如经典弹出层菜单、jQuery弹出层、顶部导航、收缩展开效果、图片切换，带标题...