编程 Javascript

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"; 
} 
}

DIV始终居中的js代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)

Jun 20 Javascript

js 如何实现对数据库的增删改查

Nov 23 Javascript

jQuery操作input值的各种方法总结

Nov 21 Javascript

Javascript Object 对象学习笔记

Dec 17 Javascript

jquery制作LED 时钟特效

Feb 01 Javascript

详解AngularJS的通信机制

Jun 18 Javascript

使用impress.js制作幻灯片

Sep 09 Javascript

javascript函数自动执行常用方法汇总

Mar 28 Javascript

全面解析Bootstrap中scrollspy（滚动监听）的使用方法

Jun 06 Javascript

JavaScript兼容性总结之获取非行间样式案例

Aug 07 Javascript

react基本安装与测试示例

Apr 27 Javascript

详解webpack的clean-webpack-plugin插件报错

Oct 16 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

新闻分类录入、显示系统

2006/10/09 PHP

php stripslashes和addslashes的区别

2014/02/03 PHP

PHP ignore_user_abort函数详细介绍和使用实例

2014/07/15 PHP

php基于协程实现异步的方法分析

2019/07/17 PHP

发一个自己用JS写的实用看图工具实现代码

2008/07/26 Javascript

JS option location 页面跳转实现代码

2008/12/27 Javascript

Extjs学习笔记之五一个小细节renderTo和applyTo的区别

2010/01/07 Javascript

教您去掉ie网页加载进度条的方法

2010/12/09 Javascript

杨氏矩阵查找的JS代码

2013/03/21 Javascript

javascript中match函数的用法小结

2014/02/08 Javascript

js实现禁止中文输入的方法

2015/01/14 Javascript

Jquery简单分页实现方法

2015/07/24 Javascript

BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

2016/07/07 Javascript

jQuery实现磁力图片跟随效果完整示例

2016/09/16 Javascript

Ajax跨域实现代码(后台jsp)

2017/01/21 Javascript

vue2.0设置proxyTable使用axios进行跨域请求的方法

2017/10/19 Javascript

js 获取json数组里面数组的长度实例

2017/10/31 Javascript

详解刷新页面vuex数据不消失和不跳转页面的解决

2018/01/30 Javascript

JavaScript学习笔记之数组基本操作示例

2019/01/09 Javascript

JS实现带阴历的日历功能详解

2019/01/24 Javascript

详解微信小程序动画Animation执行过程

2020/09/23 Javascript

[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11

2020/12/13 DOTA

python 进程进程池进程间通信实现解析

2019/08/23 Python

Python 中由 yield 实现异步操作

2020/05/04 Python

Python连接mysql数据库及简单增删改查操作示例代码

2020/08/03 Python

HTML5 input新增type属性color颜色拾取器的实例代码

2018/08/27 HTML / CSS

Old Navy加拿大官网：美式休闲服饰品牌

2017/09/26 全球购物

毕业生医学检验求职信

2013/10/16 职场文书

毕业生自荐信

2013/12/14 职场文书

好矿嫂事迹材料

2014/01/21 职场文书

2014年预备党员端正入党动机思想汇报

2014/09/13 职场文书

法人代表证明书

2014/09/18 职场文书

合作协议书模板

2014/10/10 职场文书

2014年小学教师工作总结

2014/11/10 职场文书

会计专业自荐信范文

2019/05/22 职场文书

全面盘点MySQL中的那些重要日志文件

2021/11/27 MySQL