知识大全 js控制的遮罩层实例介绍
Posted 知
篇首语:志不强者智不达,言不信者行不果。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 js控制的遮罩层实例介绍相关的知识,希望对你有一定的参考价值。
父页面 代码如下: <div id= newDiv > <%@include file= /WEB INF/jsp/infobackup/martyr/printCertDia jsp %> <% <jsp:include page="/WEB INF/jsp/infobackup/martyr/printCertDia jsp" flush=”true”/> %> </div> printCertDia jsp 便是要显示的最上层jsp 如果用jsp:include 页面便会报错 至于为什么还没研究 可能和加载顺序有关 (在给标签变量取名字时候 如果变量和id名一样时候 js也会报错 要避免) 在父页面添加触发显示遮罩层js 在这里创建一个div和body一样大小 这样就可以把整个页面全部盖住了 style zIndex 来控制覆蓋的先后顺序(层级) style filter style opacity 控制显示透明° 代码如下: //mask遮罩层 var newMask = document createElement("div"); newMask id = m; newMask style position = "absolute"; newMask style zIndex = " "; _scrollWidth = Math max(document body scrollWidth document documentElement scrollWidth); _scrollHeight = Math max(document body scrollHeight document documentElement scrollHeight); newMask style width = _scrollWidth + "px"; newMask style height = _scrollHeight + "px"; newMask style top = " px"; newMask style left = " px"; newMask style background = "# "; newMask style filter = "alpha(opacity= )"; newMask style opacity = " "; document body appendChild(newMask); js控制父页面已经定义好的div显示 代码如下: newDiv=document getElementById("newDiv "); // var newDiv = document createElement("div"); // newDiv id = _id; newDiv style position = "absolute"; newDiv style zIndex = " "; newDivWidth = ; newDivHeight = ; newDiv style width = newDivWidth + "px"; newDiv style height = newDivHeight + "px"; newDiv style top = (document body scrollTop + document body clientHeight / newDivHeight / ) + "px"; newDiv style left = (document body scrollLeft + document body clientWidth / newDivWidth / ) + "px"; newDiv style background = "#F F EF"; newDiv style border = " px solid # "; newDiv style padding = " px"; newDiv style display= ; js控制父页面div滚动居中 attachEvent addEventListener 对scroll 添加处理事件 newDivCenter 代码如下: function newDivCenter() newDiv style top = (document body scrollTop + document body clientHeight / newDivHeight / ) + "px"; newDiv style left = (document body scrollLeft + document body clientWidth / newDivWidth / ) + "px"; if (document all) window attachEvent("onscroll" newDivCenter); else window addEventListener( scroll newDivCenter false); 动态给父页面div添加关闭图层和遮罩层(需要修改) 代码如下: var newA = document createElement("a"); newA href = "#"; newA innerHTML = "关闭"; newA onclick = function() if (document all) window detachEvent("onscroll" newDivCenter); else window removeEventListener( scroll newDivCenter false); document body removeChild(docEle("newDiv ")); document body removeChild(docEle(m)); document getElementById("certImg") style display= ; return false; newDiv appendChild(newA); cha138/Article/program/Java/JSP/201311/20029相关参考
Javascript遮罩层和加载效果代码 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍
Javascript遮罩层和加载效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! //load
本篇文章是对使用js实现遮罩以及弹出可移动登录窗口的实现方法进行了详细的分析介绍需要的朋友参考下 复制代码代码如下:<!DOCTYPEPUBLIC"//WC//DTDXHTMLTran
JS获取鼠标坐标的实例方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS获取鼠标
JS实现简单的Canvas画图实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS
这篇文章介绍了js函数排序的代码有需要的朋友可以参考一下 复制代码代码如下:varas=[];assort();//这个排序是按照字典排序//自定义按照数字排序functionsortByN
JS实现随机化快速排序的实例代码 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS实
JS代码同步文本框内容的实例方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS代
JS自动适应的图片弹窗实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS自动适应
这篇文章介绍了js判断输入是否为数字的具体实例有需要的朋友可以参考一下 复制代码代码如下:<xmlns="<head><metaequiv="ContentType"