大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
网页可见区域宽: document.body.clientWidth
周宁网站建设公司成都创新互联,周宁网站设计制作,有大型网站制作公司丰富经验。已为周宁近1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的周宁做网站的公司定做!
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
js语法不对 没有这种写法1201 = js_width = 1500
1201 = js_width js_width = 1500
设置宽度为100%,列表就可以适应屏幕。同时如果你的头像要保证是正方形,就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形,当然,不一定是150px,具体的宽度也可以动态获取屏幕并计算。
自适应谁的宽高?
script type="text/javascript"
$(document).ready(function(){
var if_w=$("body").width();
var if_h=$(window).height();
alert(if_w+"---"+if_h)
$("iframe src='' width='"+if_w+"' height='"+if_h+"' /").prependTo('body');
});
/script
列宽?表宽?
datagrid本身控件铺满界面,直接fit:true 设定好表格就会自适应界面大小。
列宽,每个th的属性里面可以设置宽度,设置fitColumns:false,可以产生滚动条适应设定宽度,不然设成TRUE,列宽自动适应界面,不会产生滚动条
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript"
jQuery.fn.LoadImage=function(scaling,width,height,loadpic){
if(loadpic==null)loadpic="../img/loading.gif";
return this.each(function(){
var t=$(this);
var src=$(this).attr("src")
var img=new Image();
img.src=src;
//自动缩放图片
var autoScaling=function(){
if(scaling){
if(img.width0 img.height0){
if(img.width/img.height=width/height){
if(img.widthwidth){
t.width(width);
t.height((img.height*width)/img.width);
}else{
t.width(img.width);
t.height(img.height);
}
}
else{
if(img.heightheight){
t.height(height);
t.width((img.width*height)/img.height);
}else{
t.width(img.width);
t.height(img.height);
}
}
}
}
}
//处理ff下会自动读取缓存图片
if(img.complete){
autoScaling();
return;
}
$(this).attr("src","");
var loading=$("img alt=\"加载中...\" title=\"图片加载中...\" src=\""+loadpic+"\" /");
t.hide();
t.after(loading);
$(img).load(function(){
autoScaling();
loading.remove();
t.attr("src",this.src);
t.show();
});
} );
}
/script
div id="content"img src="img/20120518073933709.jpg"//div
script type="text/javascript"
!--
$(window).load(function(){
$('#content img').LoadImage(true, 600,500,'img/loading.gif');
});
//--
/script