编程 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 相关文章推荐

你可能不再需要JQUERY

Mar 09 Javascript

一个可拖拽列宽表格实例演示

Nov 26 Javascript

js 弹出新页面避免被浏览器、ad拦截的一种新方法

Apr 30 Javascript

jquery实现表格隔行换色效果

Nov 19 Javascript

jQuery实现的无限级下拉菜单功能示例

Sep 12 Javascript

浅谈JavaScript的计时器对象

Dec 26 Javascript

Vue.js实现文章评论和回复评论功能

May 30 Javascript

详解滑动穿透(锁body)终极探索

Apr 16 Javascript

深入了解query和params的使用区别

Jun 24 Javascript

js canvas实现5张图片合成一张图片

Jul 15 Javascript

用 js 写一个 js 解释器过程详解

Aug 02 Javascript

使用vant的地域控件追加全部选项

Nov 03 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仿ZOL分页类代码

2008/10/02 PHP

将博客园(cnblogs.com)数据导入到wordpress的代码

2013/01/06 PHP

php使用curl发送json格式数据实例

2013/12/17 PHP

php使用substr()和strpos()联合查找字符串中某一特定字符的方法

2015/05/12 PHP

PHPExcel简单读取excel文件示例

2016/05/26 PHP

详解如何实现Laravel的服务容器的方法示例

2019/04/15 PHP

laravel config文件配置全局变量的例子

2019/10/13 PHP

JS 容错处理代码, 屏蔽错误信息

2021/03/09 Javascript

对字符串进行HTML编码和解码的JavaScript函数

2010/02/01 Javascript

Javascript无阻塞加载具体方式

2013/06/28 Javascript

jQuery实现横向带缓冲的水平运动效果(附demo源码下载)

2016/01/29 Javascript

从零学习node.js之详解异步控制工具async（八）

2017/02/27 Javascript

整理关于Bootstrap表单的慕课笔记

2017/03/29 Javascript

基于AGS JS开发自定义贴图图层

2017/03/31 Javascript

node.JS md5加密中文与php结果不一致的解决方法

2017/05/05 Javascript

JS路由跳转的简单实现代码

2017/09/21 Javascript

js Dom实现换肤效果

2017/10/21 Javascript

Angular2实现的秒表及改良版示例

2019/05/10 Javascript

通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

2020/08/24 Javascript

[02:36]DOTA2亚洲邀请赛小组赛精彩集锦：奇迹哥卡尔秀翻全场

2017/03/28 DOTA

Python使用django框架实现多人在线匿名聊天的小程序

2017/11/29 Python

对python读取CT医学图像的实例详解

2019/01/24 Python

Django ORM 查询管理器源码解析

2019/08/05 Python

用python3读取python2的pickle数据方式

2019/12/25 Python

PyTorch实现AlexNet示例

2020/01/14 Python

Python操作Jira库常用方法解析

2020/04/10 Python

python 实现分组求和与分组累加求和代码

2020/05/18 Python

python 使用tkinter+you-get实现视频下载器

2020/11/17 Python

从Pytorch模型pth文件中读取参数成numpy矩阵的操作

2021/03/04 Python

HTML5新控件之日期和时间选择输入的实现代码

2018/09/13 HTML / CSS

ECCO爱步加拿大官网：北欧丹麦鞋履及皮具品牌

2017/07/08 全球购物

皮尔·卡丹巴西官方商店：Pierre Cardin

2017/07/21 全球购物

Geekbuying波兰：购买中国电子产品

2019/10/20 全球购物

入党推优材料

2014/06/02 职场文书

水知道答案观后感

2015/06/08 职场文书

CSS3中Animation实现简单的手指点击动画的示例

2021/07/15 HTML / CSS