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 相关文章推荐
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
Apr 20 Javascript
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
JS简单计算器实例
Jan 20 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
node.js入门教程之querystring模块的使用方法
Feb 27 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
vue的for循环使用方法
Feb 12 Javascript
vue实现购物车功能(商品分类)
Apr 20 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 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
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
destoon整合UCenter图文教程
2014/06/21 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
javascript全局变量封装模块实现代码
2012/11/28 Javascript
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
2015/09/28 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
vue-form表单验证是否为空值的实例详解
2019/10/29 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
2020/02/12 Javascript
Python 中的 else详解
2016/04/23 Python
python将ansible配置转为json格式实例代码
2017/05/15 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
详解flask表单提交的两种方式
2018/07/21 Python
自学python的建议和周期预算
2019/01/30 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
商务英语广告词大全
2014/03/18 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
python实现过滤敏感词
2021/05/08 Python
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers
HTML5之高度塌陷问题的解决
2022/06/01 HTML / CSS