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 相关文章推荐
图片自动缩小 点击放大
Jul 07 Javascript
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
flash 得到自身url参数的代码
Nov 15 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
cookie的secure属性详解
Apr 08 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
Aug 02 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
Feb 16 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 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 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
php自定义apk安装包实例
2014/10/20 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
jquery获得下拉框值的代码
2011/08/13 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
2014/01/13 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
Python 字典dict使用介绍
2014/11/30 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
大家都说好用的Python命令行库click的使用
2019/11/07 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
一个大学生十年的职业规划
2014/01/17 职场文书
中班开学寄语
2014/04/04 职场文书
产品生产计划书
2014/05/07 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
项目验收申请报告
2015/05/15 职场文书
教师读书活动心得体会
2016/01/14 职场文书
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL