层移动

var conwidth = 640;
 var conheight = 480;
 
 window.onload = function()
 {
  getFX(conwidth, 800, wx);
  getFX(conheight, 600, hx);
  getPOFX( ( 800 - conwidth ) / 2, lx);
  getPOFX( ( 600 - conheight ) /2, tx);
 };
 
 var countnum = 0;

 var x_temp = 99;
 
 var lx =
 {
  "a" : 0,
  "b" : 0,
  "c" : 0
 };
 
 var tx =
 {
  "a" : 0,
  "b" : 0,
  "c" : 0
 };
 
 var wx =
 {
  "a" : 0,
  "b" : 0,
  "c" : 0
 };
 
 var hx =
 {
  "a" : 0,
  "b" : 0,
  "c" : 0
 };
 
 var pagectrl = setInterval("test()", 1000 / x_temp);

 function test()
 {
  var leftval = 360;
  var topval = 270;
  var widthval = 80;
  var heightval = 60;

  if ( countnum <= x_temp )
  {
   //val = -0.072 * countnum * countnum + 14.4 * countnum + 80;
   leftval = lx.a * countnum * countnum + lx.b * countnum + lx.c;
   topval = tx.a * countnum * countnum + tx.b * countnum + tx.c;
   
   widthval = wx.a * countnum * countnum + wx.b * countnum + wx.c;
   heightval = hx.a * countnum * countnum + hx.b * countnum + hx.c;
   
   document.getElementById("test").setAttribute("style",
     "width:" + widthval + "px;" +
     "height:" + heightval + "px;" +
     "left:" + leftval  + "px;" +
     "top:" + topval + "px");
   
   countnum++;
  }
  else
  {
   conreset();
   clearInterval( pagectrl );
  }
 }
 
 function getFX( y1, y2, fx )
 {
  fx.c = y1;
  
  fx.b = 2 * ( y2 - y1 ) / x_temp;
  
  fx.a = - fx.b / x_temp / 2;
 }
 
 function getPOFX( y1, fx )
 {
  fx.c = y1;
  
  fx.a = y1 / x_temp / x_temp;
  
  fx.b = - 2 * y1 / x_temp;
 }