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 相关文章推荐
jQuery Ajax文件上传(php)
Jun 16 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
JavaScript Promise 用法
Jun 14 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jackson解析json字符串,首字母大写会自动转为小写的方法
Dec 22 Javascript
jquery实现上传图片功能
Jun 29 jQuery
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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
php 文件上传系统手记
2009/10/26 PHP
div li的多行多列 无刷新分页示例代码
2013/10/16 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
PHP引用返回用法示例
2016/05/28 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
jQuery移除元素自动解绑事件实现思路及代码
2014/05/31 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
Python下Fabric的简单部署方法
2015/07/14 Python
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
园林技术个人的自我评价
2014/01/08 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
学生鉴定评语大全
2014/05/05 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书