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 相关文章推荐
javascript实现的动态文字变换
Jul 28 Javascript
event对象的方法 兼容多浏览器
Jun 27 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
Jan 29 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 Javascript
Vue Render函数原理及代码实例解析
Jul 30 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
Symfony2之session与cookie用法小结
2016/03/18 PHP
php给数组赋值的实例方法
2019/09/26 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
2016/10/28 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
python生成随机图形验证码详解
2017/11/08 Python
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
Python实现的银行系统模拟程序完整案例
2019/04/12 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
农村婚礼证婚词
2014/01/08 职场文书
《去年的树》教学反思
2014/04/11 职场文书
校庆标语集锦
2014/06/25 职场文书
出纳工作检讨书
2014/10/18 职场文书
介绍信样本
2015/01/31 职场文书
在校证明模板
2015/06/17 职场文书
详解OpenCV曝光融合
2022/04/29 Python