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

图片自动缩小点击放大

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