DIV始终居中的js代码
更新时间：2014年02月17日 17:06:48 作者：
这篇文章主要介绍了DIV始终居中的js代码,需要的朋友可以参考下
复制代码 代码如下:
<!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中本地存储(LocalStorage)和会话存储(SessionStorage)的使用
本地存储和会话存储是比较常用的方法，你知道两者的区别吗，本文详细的介绍了JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用，具有一定的参考价值，感兴趣的可以了解一下2022-03-03
这篇文章主要介绍了JavaScript DSL 流畅接口(使用链式调用)实例,本文讲解了DSL 流畅接口、DSL 表达式生成器等内容,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了微信小程序实现双层嵌套菜单栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
将两个div左右并列显示并实现点击标题切换内容的效果，接下来为大家详细介绍下js中时如何实现的，感兴趣的朋友不要错过2013-10-10
这篇文章主要为大家详细介绍了微信小程序实现手风琴折叠面板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
最近做项目遇到表单在输入后立即验证，而不是提交后再验证，在网上找了下资料，没有合适的，于是我自己动手写了一个，分享到脚本之家平台，供大家参考2017-06-06
用js实现的一个根据内容自动生成表格的函数...2007-08-08
bootstrapValidator.min.js表单验证插件
这篇文章主要为大家详细介绍了bootstrapValidator.min.js表单验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了详解javascript 变量提升(Hoisting),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
下面小编就为大家带来一篇浅谈JS验证表单文本域输入空格的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
最新评论