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

把textarea中字符串里含有的回车换行替换成&lt;br&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