`
lucene321
  • 浏览: 174980 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js将对象居中函数

    博客分类:
  • java
阅读更多
   
//将对象居中显示function movemiddle(obj){	if(!obj) return ;		obj.style.display = "block";		var screenwidth = document.documentelement.clientwidth;	var screenheight = document.documentelement.clientheight;	var scrollposy = 0;	var scrollposx = 0	if(typeof window.pageyoffset != 'undefined'){		scrollposy = window.pageyoffset;	}else if(typeof document.documentelement != 'undefined'){		scrollposy = document.documentelement.scrolltop;	}	if(typeof window.pagexoffset != 'undefined'){		scrollposx = window.pagexoffset;	}else if(typeof document.documentelement != 'undefined'){		scrollposx = document.documentelement.scrollleft ;	}		var divwidth = obj.offsetwidth;	var divheight = obj.offsetheight;	var divleft = parseint((screenwidth - divwidth) / 2);	var divtop = parseint((screenheight - divheight) / 2);	divtop = divheight > screenheight ? 10 : divtop + scrollposy;	divleft = divwidth > screenwidth ? 10 : divleft + scrollposx;	obj.style.left = divleft + "px";	obj.style.top = divtop + "px";	}
  
0
0
分享到:
评论

相关推荐

    精通javascript

    1.将该实例复制到C:\Inetpub\wwwroot下; 2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • ...

    精通JavaScript+jQuery Part1

     2.8.2 用arguments对象访问函数的参数  2.8.3 实例:杨辉三角  2.9 其他对象  2.9.1 对象简述  2.9.2 时间日期:Date对象  2.9.3 数学计算:Math对象  2.10 BOM基础  2.10.1 window对象  ...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    3.5.0将此属性改为此函数参数的作用是在关闭窗口前执行这个函数来完成一定动作。 cancelBtnTxt:设置取消按钮的文本(3.4.2新增)参数值:默认为“取消”。此参数和onCancel配合使用即可改变取消按钮为其它作用的按钮...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《JavaScript实例精通》[源代码]

    17_3.htm 使用$A()将单个的参数转换成Array对象。 17_4.htm 使用$H()把一些对象转换成Hash对象。 17_5.htm 使用$R()创建新的对象域。 17_6.htm 使用Ajax.Request类进行异步调用。 17_7.htm 使用Ajax....

    JavaScript实例精通

    JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...

    精通JavaScript

    1.将该实例复制到C:\Inetpub\wwwroot下; 2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • ...

    JavaScript网页特效范例宝典源码

    第3章 实用JavaScript函数 129 3.1 数据验证 130 实例084 通过正则表达式验证日期 130 实例085 验证输入的日期格式是否正确 132 实例086 检查表单元素是否为空 134 实例087 验证E-mail是否正确 135 实例088 通过正则...

    p5js-Chess:使用p5js库的国际象棋游戏

    p5js-国际象棋使用p5js库的GreedyCoding的国际象棋游戏当前功能渲染游戏板。 使用继承创建所有国际象棋。 以下逻辑适用于该游戏: 典当白嘴鸦和骑士可以全面移动当前的错误亮点似乎对大多数作品都不起作用。 骑士的...

    leaflet-geoip:用于Leaflet.js的GeoIP插件

    将地图中心定位在客户端计算机的大概位置上(注意: centerMapOnPosition函数调用getPosition ): //initialise your map into //var map; L.GeoIP.centerMapOnPosition(map);您也可以传递zoom参数: L . GeoIP . ...

    region-labels

    通常,RegionLabel类构造函数将GeoJSON对象作为第一个参数,将options对象作为第二个参数。 GeoJSON对象可以是单个Feature或FeatureCollection。 接受“多边形”和“多多边形”的几何图形。 接受以下选项: 边距-...

    Front-End-Journey:前端工程师的方式。 :thinking_face:

    面向对象,深入对象 ways(继承的方法) object promise 正则 topic var_let_const CSS相关 :red_exclamation_mark::red_exclamation_mark::red_exclamation_mark:vision-format-basic (视觉格式化基础 盒模型排列以及...

    js使用小技巧

    取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval...

    leetcode分类-blog::cookie:我的博客

    leetcode 分类 生活、工作和兴趣 To Do List 前端 ...基本的表单标签 ...水平垂直居中 ...JavaScript JavaScript基础知识 ...let可以将变量绑定到所在的任意作用域中(通常是{...}内部) this 浅拷贝(shallow copy)

    niubility-coding-js::ledger:霖呆呆的个人博客汇总

    水平垂直居中 经典布局 JavaScript JavaScript基础知识 数据类型转换 调用平均值 作用域和闭包 这个 原型和原型链 深浅拷贝 深入解读 面向对象三要素 手写api V8引擎工作原理 事件循环 初步 发电机 ES6 + 函数式...

    artDialog_Demo

    4、 如果有取消按钮回调函数,那关闭按钮的回调函数也将与其相同 5、 增加当出现多个对话框时让顶层的与众不同的特性 6、 让Esc键关闭最高层对话框 7、 锁屏的时候改用js屏蔽页面滚动功能,取消原来CSS隐藏滚动...

    超实用的jQuery代码段

    9.7 实现JSN对象数组的排序 9.8 将12343778转成12.343.778的形式 9.9 模拟抽奖程序 9.10 实现冒泡算法 9.11 查询数组中特定数值 9.12 从数组中移除特定数值 9.13 根据指定正则表达式识别超链接 9.14 验证Email地址的...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例198 页面布局(3列左右侧固定中间自适应居中) 244 实例199 页面布局(2列右侧固定左侧自适应宽度) 247 实例200 页面布局(2列左固定右自适宽度+底平齐) 249 实例201 页面布局(2列右固定左自适宽度+底平齐) 252 3.6 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例198 页面布局(3列左右侧固定中间自适应居中) 244 实例199 页面布局(2列右侧固定左侧自适应宽度) 247 实例200 页面布局(2列左固定右自适宽度+底平齐) 249 实例201 页面布局(2列右固定左自适宽度+底平齐) 252 3.6 ...

Global site tag (gtag.js) - Google Analytics