JS实现弹出框文字居中
来源:互联网 发布:淘宝淘宝联盟怎么用法 编辑:程序博客网 时间:2024/06/04 18:10
jscript.dom.layerCenterH=function(inObj){//设置水平居中
var lca;
var lcb;
var lcx;
var iebody;
var dsocleft;
if(window.innerWidth){
lca=window.innerWidth; //窗口的文档显示区宽度 同理innerheight
}else{
lca=document.body.clientWidth;//网页可见区域宽
}
lcb=inObj.offsetWidth;//当前对象的宽度
lcx=(Math.round(lca/2))-(Math.round(lcb/2));
//document.compatMode判断当前浏览器采用的渲染方式
iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
//document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
//pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
// pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
dsocleft=document.all?iebody.scrollLeft:window.pageXOffset;
inObj.style.left=lcx+dsocleft+"px";
}
jscript.dom.layerCenterV=function(inObj){//设置垂直居中
var lca;
var lcb;
var lcy;
var iebody;
var dsoctop;
if(window.innerHeight){
lca=window.innerHeight; //窗口的文档显示区宽度 同理innerheight
}else{
lca=document.body.clientHeight;//网页可见区域宽
}
lcb=inObj.offsetHeight;//当前对象的宽度
lcy=(Math.round(lca/2))-(Math.round(lcb/2));
//document.compatMode判断当前浏览器采用的渲染方式
iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
//document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
//pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
// pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
dsoctop=document.all?iebody.scrollLeft:window.pageYOffset;
inObj.style.left=lcy+dsoctop+"px";
}
var lca;
var lcb;
var lcx;
var iebody;
var dsocleft;
if(window.innerWidth){
lca=window.innerWidth; //窗口的文档显示区宽度 同理innerheight
}else{
lca=document.body.clientWidth;//网页可见区域宽
}
lcb=inObj.offsetWidth;//当前对象的宽度
lcx=(Math.round(lca/2))-(Math.round(lcb/2));
//document.compatMode判断当前浏览器采用的渲染方式
iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
//document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
//pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
// pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
dsocleft=document.all?iebody.scrollLeft:window.pageXOffset;
inObj.style.left=lcx+dsocleft+"px";
}
jscript.dom.layerCenterV=function(inObj){//设置垂直居中
var lca;
var lcb;
var lcy;
var iebody;
var dsoctop;
if(window.innerHeight){
lca=window.innerHeight; //窗口的文档显示区宽度 同理innerheight
}else{
lca=document.body.clientHeight;//网页可见区域宽
}
lcb=inObj.offsetHeight;//当前对象的宽度
lcy=(Math.round(lca/2))-(Math.round(lcb/2));
//document.compatMode判断当前浏览器采用的渲染方式
iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
//document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
//pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
// pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
dsoctop=document.all?iebody.scrollLeft:window.pageYOffset;
inObj.style.left=lcy+dsoctop+"px";
}
0 0
- JS实现弹出框文字居中
- js实现遮罩弹出层居中
- 自定义View实现弹出效果和文字居中
- js弹出窗口居中
- js弹出层居中
- 【js】弹出窗口居中
- js 弹出窗口居中
- js弹出页面居中
- css实现弹出框在页面居中
- js弹出层永远居中实现思路及代码
- css和js实现弹出登录居中界面
- 实现文字垂直居中
- JS弹出居中的DIV
- js弹出层永远居中
- JS弹出居中的DIV
- JS只弹出一个居中弹出窗口
- JS只弹出一个居中弹出窗口
- 鼠标滑过文字弹出一段说明文字CSS实现,不通过JS实现
- SecureCRT 常用快捷键
- 对UIView的hitTest: withEvent: 方法的理解
- 练习题 No.6 最长公共子序(LCS)-附赠最长公共子串
- Java 字符流操作
- 第四周:( LeetCode417 ) Pacific Atlantic Water Flow(c++)
- JS实现弹出框文字居中
- 实现应用软件能够通过运行窗口打开
- Java抽象类
- 基于C++模板 单链表基本操作
- linux下使用ffmpeg将amr转成mp3
- Math.round(11.5)等于多少?Math.round(-11.5)等于多少?
- Linux Centos安装python相关库失败处理方法
- linux进程间通信———内存共享
- Spring Cloud 基于eureka 服务注册中心