//更改元素CSS属性

function set(){

var setImgDiv = document.getElementById("imgcenter");

setImgDiv.style.top = "150px";

setImgDiv.style.left = "36%";

var setTextDiv = document.getElementById("center");

setTextDiv.style.top = "280px";

setTextDiv.style.left = "8%";

var setLogo=document.getElementById("logo");

setLogo.style.height="100px";

setLogo.style.width="240px";

var setAccount=document.getElementById("account");

setAccount.style.height="15px";

setAccount.style.width="240px";

var setPwd=document.getElementById("pwd");

setPwd.style.height="15px";

setPwd.style.width="240px";

var setLogin=document.getElementById("login");

setLogin.style.height="25px";

setLogin.style.width="100px";

var setForgetPwd=document.getElementById("div_forgetpwd");

setForgetPwd.style.width="100px";

setForgetPwd.style.left="100%";

}

function reSet(){

var reSetImgDiv = document.getElementById("imgcenter");

reSetImgDiv.style.top = "250px";

reSetImgDiv.style.left = "20%";

var reSetTextDiv = document.getElementById("center");

reSetTextDiv.style.top = "220px";

reSetTextDiv.style.left = "20%";

var reSetLogo=document.getElementById("logo");

reSetLogo.style.height="auto";

reSetLogo.style.width="50%";

var reSetAccount=document.getElementById("account");

reSetAccount.style.height="auto";

reSetAccount.style.width="50%";

var reSetPwd=document.getElementById("pwd");

reSetPwd.style.height="auto";

reSetPwd.style.width="50%";

var reSetLogin=document.getElementById("login");

reSetLogin.style.height="auto";

reSetLogin.style.width="25%";

var reSetForgetPwd=document.getElementById("div_forgetpwd");

reSetForgetPwd.style.width="100px";

reSetForgetPwd.style.left="90%";

}

function setSizeMid(){

var setSizeMidImgDiv = document.getElementById("imgcenter");

setSizeMidImgDiv.style.top = "150px";

setSizeMidImgDiv.style.left = "22%";

var setSizeMidTextDiv = document.getElementById("center");

setSizeMidTextDiv.style.top = "280px";

setSizeMidTextDiv.style.left = "-35px";

var setSizeMidLogo=document.getElementById("logo");

setSizeMidLogo.style.height="100px";

setSizeMidLogo.style.width="240px";

var setSizeMidAccount=document.getElementById("account");

setSizeMidAccount.style.height="15px";

setSizeMidAccount.style.width="240px";

var setSizeMidPwd=document.getElementById("pwd");

setSizeMidPwd.style.height="15px";

setSizeMidPwd.style.width="240px";

var setSizeMidLogin=document.getElementById("login");

setSizeMidLogin.style.height="25px";

setSizeMidLogin.style.width="80px";

var setSizeMidForgetPwd=document.getElementById("div_forgetpwd");

setSizeMidForgetPwd.style.width="80px";

setSizeMidForgetPwd.style.left="110%";

}

function setSizeMini(){

var setSizeMiniImgDiv = document.getElementById("imgcenter");

setSizeMiniImgDiv.style.top = "150px";

setSizeMiniImgDiv.style.left = "6%";

var setSizeMiniTextDiv = document.getElementById("center");

setSizeMiniTextDiv.style.top = "280px";

setSizeMiniTextDiv.style.left = "-60px";

var setSizeMiniLogo=document.getElementById("logo");

setSizeMiniLogo.style.height="100px";

setSizeMiniLogo.style.width="240px";

var setSizeMiniAccount=document.getElementById("account");

setSizeMiniAccount.style.height="15px";

setSizeMiniAccount.style.width="240px";

var setSizeMiniPwd=document.getElementById("pwd");

setSizeMiniPwd.style.height="15px";

setSizeMiniPwd.style.width="240px";

var setSizeMiniLogin=document.getElementById("login");

setSizeMiniLogin.style.height="25px";

setSizeMiniLogin.style.width="80px";

var setSizeMiniForgetPwd=document.getElementById("div_forgetpwd");

setSizeMiniForgetPwd.style.width="80px";

setSizeMiniForgetPwd.style.left="125%";

}

//获取当前窗口尺寸

var winWidth = 0;

var winHeight = 0;

function findDimensions() //函数：获取尺寸

{

//获取窗口宽度

if (window.innerWidth)

winWidth = window.innerWidth;

else if ((document.body) && (document.body.clientWidth))

winWidth = document.body.clientWidth;

//获取窗口高度

if (window.innerHeight)

winHeight = window.innerHeight;

else if ((document.body) && (document.body.clientHeight))

winHeight = document.body.clientHeight;

//通过深入Document内部对body进行检测，获取窗口大小

if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)

{

winHeight = document.documentElement.clientHeight;

winWidth = document.documentElement.clientWidth;

}

//结果输出至两个文本框

if(winWidth

setSizeMini();

else if(420

setSizeMid();

else if(595

set();

else

reSet();

}

findDimensions();

//调用函数，获取数值

window.onresize=findDimensions;