js实现兼容IE6与IE7的DIV高度
<body onload="setHeight()">
<script type="text/javascript">
function setHeight() {
var PageHeight=$("oPage").scrollHeight
var MaxHeight=507
if(PageHeight>MaxHeight)
{
$("oPageMain").style.height=$("oPage").scrollHeight + 40 +"px"
$("oRight").style.height=$("oPage").scrollHeight + 120 +"px"
$("oMain").style.height=$("oPage").scrollHeight + 211 +"px"
}
}
</script>
相关推荐
-
Javascript点击其他任意地方隐藏关闭DIV实例
代码如下,实现了点击input显示一个div层,当点击除input和div以外的地方的时候,隐藏div的功能. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>点击其它地方关闭DIV</title> </head> <body> <input type="text" value="
-
JS获取一个未知DIV高度的方法
本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如: var height = element.clientHeight; 这种做法的局限: 1. 如果元素的display属性设置为none, 那么得到的结果为0 2. 在safari浏览器中,需要使用:element.offsetHeight得到实际高度,这是safari浏览器的bug 下面是Prototype提供的方法,能够兼容各种浏览器,同时在元素隐
-
js固定DIV高度,超出部分自动添加滚动条的简单方法
复制代码 代码如下: function setheight() { var div=document.getElementById("event_basicInfo"); //div.style.width="40%"; div.style.height=400; div.style.overflow="auto"; } window.onload=setheight;
-
关于div自适应高度/左右高度自适应一致的js代码
在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g
-
js获取div高度的代码
<style type="text/css"> <!-- #top { color: #FFFFFF; background-color: #FF0000; text-align: left; text-indent: 24px; width: 780px; line-height: 24px; font-size: 12px; padding-right: 10px; padding-left:
-
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果.分享给大家供大家参考,具体如下: <!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">
-
js判断鼠标位置是否在某个div中的方法
本文实例讲述了js判断鼠标位置是否在某个div中的方法.分享给大家供大家参考,具体如下: div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判定为离开div,会触发 onmouseout事件,这样div中的内容就不能操作了.解决的办法是当触发onmouseout事件时,先判断鼠标是否在div内,如果在,说明鼠 标并没有离开div,就不删除div,否则,删除之.OK,现在问题解决了. 就是找到该div左上角和右下角坐标,判断鼠标的坐标是否在
-
JS简单实现DIV相对于浏览器固定位置不变的方法
本文实例讲述了JS简单实现DIV相对于浏览器固定位置不变的方法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>Anchor Properties</title> <meta http-equiv="Content-Type" content=&q
-
javascript获取设置div的高度和宽度兼容任何浏览器
Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 复制代码 代码如下: <div id="div1" style="height:300px;width:200px;">http://www.itdos.com</div> <div id="div2" style="height:30px;width:20px;">http://www.itdos.com&
-
js实现div在页面拖动效果
本文实例讲述了js实现div在页面拖动效果.分享给大家供大家参考,具体如下: <style type="text/css"> body { margin: 0px; } #div1 { display: none; position: absolute; z-index: 1000; height: 100%; width: 100%; background: #000000; filter:Alpha(opacity=30); } #div2 { display: non
随机推荐
- asp.net读取excel文件的三种方法示例
- .htaccess重定向和url重写详细介绍
- Java 比较字符串实例详解
- ASP.NET数据库编程之Access连接失败
- PHP数组 为文章加关键字连接 文章内容自动加链接
- php数据访问之查询关键字
- 正则表达式其实就是一个特殊的字符串
- 在Python的Django框架中生成CSV文件的方法
- MySQL数据库的一次死锁实例分析
- 微信小程序实现点击返回顶层的方法
- js 去除字符串第一位逗号的方法
- python3.3实现乘法表示例
- JavaScript中两个字符串的匹配
- 基于rem的移动端响应式适配方案(详解)
- JS实现新浪微博效果带遮罩层的弹出框代码
- win2003 VPS服务器之用IIS建立网站
- android实现蓝牙文件发送的实例代码,支持多种机型
- C#身份证识别相关技术功能详解
- java Spring松耦合高效应用简单实例分析
- DSP中浮点转定点运算--浮点数的存储格式