Song.Site/Manage/CoreScripts/AutoLoyout.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*!
 * 主  题：《页面自适应全屏》
 * 说  明：让页面自动适应浏览器全屏，程序自动计算页面各布局元素的宽高使之铺满全屏。
 * 功能描述：
 * 1、布局元素（例如div）可以设置为行loyout=row，或为列loyout=column；
 * 2、如果为行，则可以设置高度是实际像素或auto；当设置实际像素时，窗口放大缩小，该div不受影响，如果为auto时，则根据窗口变化自动适应；
 * 3、如果为列时，效果雷同
 *
 * 作者：宋雷鸣
 * Q Q: 10522779
 * 开发时间: 2013年7月9日
 */
$(function(){
	AutoLoyoutInitLoyout();
	$("#bodyBox").css("visibility","");	
});
$(window).load(function()	{
	window.winWidth=typeof(window.winWidth)=="undefined"  ?  $(window).width() : window.winWidth;
	window.winHeight=typeof(window.winHeight)=="undefined"  ?  $(window).height() : window.winHeight;
});
//当窗口大小变化时
$(window).resize(function(){
	var winWd=$(window).width();
	var winHg=$(window).height();
	if(winWd==window.winWidth && winHg==window.winHeight)return;
	window.winWidth=winWd;
	window.winHeight=winHg;
	AutoLoyoutInitLoyout();
});
//初始化布局
function AutoLoyoutInitLoyout(){
	var start=new Date();
	//屏幕的宽高
	var hg=$(window).height();
	var wd=$(window).width();	
	$("body").find("*[loyout='column']").height(1).css("overflow","hidden");
	$("body").find("*[loyout='column']").width(1).css("overflow","hidden");
	$("body").find("*[loyout='row']").height(1).css("overflow", "hidden");
	$("body").find("*[loyout='row']").width(1).css("overflow", "hidden");
	setloyout(null, wd, hg);
	try {
	    new PageBox().OnReSize();
	} catch (e) {
	}
	//var count=$("body").find("*[loyout][overflow='auto']");
	//alert(count.size());
	$("body").find("*[loyout][overflow='auto']").css("overflow", "auto");
	//计算布局耗时
	var finish=new Date();	
	//alert(finish-start);
	//alert(window.windowResizeTemp);
}
function setloyout(element,wd,hg){
	hg=element!=null ? element.innerHeight() : hg;
	wd=element!=null ? element.innerWidth() : wd;	
	//当元素下的布局元素
	var nodes=new LoyoutItem(element).Nodes;
	//行元素与列元素
	var row=new Array();
	var column=new Array();