jcst.net
当前位置:首页 >> 如何用js根据屏幕高度控制Div高度 >>

如何用js根据屏幕高度控制Div高度

下面设定你想让的div 类名 是center 他的宽度是 300px 高度是 200px 注意 需要引用jquery脚本 center 的样式.center{width:300px;height:200px;position:absolute; z-index:9999;} 那么在js 里面 写入 var aa=document.body.clientHeight; //网...

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

改变div高度 $(function(){ //为div设置边框 $("#container").css("border","1px solid gray"); //改变div的高度 $("#container").height($(window).height()); //改变div的宽度 $("#container").width($(window).width()); }); 另附Jquery获取...

window.onresize = function(){ var percent = 0.XX; //将div设置成浏览器高度的百分比 var myDiv = document.getElementById("divid");//根据id获取这个div myDiv.style.height= window.document.body.clientHeight*percent ; }

$("#heightimg").height($("#tupian").height());

document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight; //仅IE document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+ "px"; //兼容FF、IE等 document.getEleme...

var width = document.body.scrollHeight; //获取屏幕高度 document.getElementById("//自己设置个id 用bytagname会有兼容问题").style.margin-top

你好,你这个应该是获取浏览器高度的问题。 function getContentSize() { var wh = document.documentElement.clientHeight; var eh = 300; ch = (wh - eh) + "px"; document.getElementById( "ens" ).style.height = ch; } window.onload = get...

假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器窗口改变时,获取div的高度值,然后赋值给需要的div。 浏览器改变的时候获取值或者改变值,是有对应的js方法的

最简单的实现方式:仅提供一个思路。可以自己完善。 var oBtn = document.getElementById('btn');var oDiv1 = document.getElementById('div1');var oDiv2 = document.getElementById('div2');oDiv2.style.cssText = 'width:'+(oDiv1.offsetWidt...

网站首页 | 网站地图
All rights reserved Powered by www.jcst.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com