给页面增加一个层

[来源] 达内    [编辑] 达内   [时间]2013-03-06

给页面增加一个层....

  在做登录的时候想着别老是用跳转页面,用户体验超差的,而且对于网速慢的用访来说,还要去跳转一次重新加载一个新的页面,显得有点不爽!就弄了一个层直接在当前页面跳转!

  废话不说直接上代码!

  function ShowNo() //隐藏两个层

  {

  document.getElementById("doing").style.display = "none";

  document.getElementById("divLogin").style.display = "none";

  }

  function $(id) {

  return (document.getElementById) ? document.getElementById(id) : document.all[id];

  }

  function showFloat() //根据屏幕的大小显示两个层

  {

  var range = getRange();

  $('doing').style.width = range.width + "px";

  $('doing').style.height = range.height + "px";

  $('doing').style.display = "block";

  document.getElementById("divLogin").style.display = "";

  }

  function getRange() //得到屏幕的大小

  {

  var top = document.body.scrollTop;

  var left = document.body.scrollLeft;

  var height = document.body.clientHeight;

  var width = document.body.clientWidth;

  if (top == 0 && left == 0 && height == 0 && width == 0) {

  top = document.documentElement.scrollTop;

  left = document.documentElement.scrollLeft;

  height = document.documentElement.clientHeight;

  width = document.documentElement.clientWidth;

  }

  return { top: top, left: left, height: height, width: width };

  }

资源下载