DIV始终居中的js代码


Posted in Javascript onFebruary 17, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>侧边栏广告</title> 
<style type="text/css"> 
#show { width:100px; height:80px; background:#0f0; position:fixed; _position:absolute; right:0px; top:0px;} 
</style> 
<script type="text/javascript"> 
window.onscroll = window.onresize = window.onload = function(){ var oDiv = document.getElementById("show"); 
var sTop = document.documentElement.scrollTop || document.body.scrollTop; 
var cHeight= document.documentElement.clientHeight || document.body.clientHeight; 
var mid = (cHeight - oDiv.offsetHeight) / 2; 
// oDiv.style.top = parseInt(sTop + mid) + "px"; //理论上应该只设这句就可以居中吧 
//实际上的 各大浏览器只认识下面这if判断 
if(navigator.appVersion.indexOf("MSIE 6")> -1){ 
oDiv.style.top = parseInt(sTop + mid) + "px"; 
}else{ 
oDiv.style.top =mid + "px"; 
} 
}
Javascript 相关文章推荐
jQuery Study Notes学习笔记 (二)
Aug 04 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
Jquery让form表单异步提交代码实现
Nov 14 jQuery
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 #Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 #Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 #Javascript
清除div下面的所有标签的方法
Feb 17 #Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 #Javascript
js打开新窗口方法整理
Feb 17 #Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 #Javascript
You might like
如何使用PHP中的字符串函数
2006/11/24 PHP
浅谈PHP 闭包特性在实际应用中的问题
2009/10/30 PHP
php读取flash文件高宽帧数背景颜色的方法
2015/01/06 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
jquery比较简洁的软键盘特效实现方法
2015/03/19 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
python 循环遍历字典元素的简单方法
2016/09/11 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
税务干部鉴定材料
2014/02/11 职场文书
开业庆典主持词
2014/03/21 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
美食节目策划方案
2014/05/31 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
2015年财政所工作总结
2015/04/25 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
详解Vue slot插槽
2021/11/20 Vue.js