ITPub博客

首页 > Linux操作系统 > Linux操作系统 > jQuery实现锁屏2(showLoading)

jQuery实现锁屏2(showLoading)

原创 Linux操作系统 作者:夏日朦胧 时间:2011-09-03 13:58:19 0 删除 编辑
jQuery.fn.showLoading = function(overLayObjectId)
 {
  current = 0;
  setTimeout("changeTip()", 1000);
  //锁屏div
  var C=document.createElement("div");
  C.id="overlayDiv";
  document.body.appendChild(C);
  $(C).addClass('loading-indicator-overlay');
  // Set overlay position
  var overlayDiv_width;
  var overlayDiv_height;  
  var border_top_width = $("#"+overLayObjectId).css('border-top-width');
  var border_left_width = $("#"+overLayObjectId).css('border-left-width');
  border_top_width = isNaN(parseInt(border_top_width)) ? 0 : border_top_width;
  border_left_width = isNaN(parseInt(border_left_width)) ? 0 : border_left_width;
  
  var overlay_left_pos = $("#"+overLayObjectId).offset().left + parseInt(border_left_width);
  var overlay_top_pos = $("#"+overLayObjectId).offset().top + parseInt(border_top_width);
  overlayDiv_width = parseInt($("#"+overLayObjectId).width()) + parseInt($("#"+overLayObjectId).css('padding-right')) + parseInt($("#"+overLayObjectId).css('padding-left'));
  overlayDiv_height = parseInt($("#"+overLayObjectId).height()) + parseInt($("#"+overLayObjectId).css('padding-top')) + parseInt($("#"+overLayObjectId).css('padding-bottom'));
  $(C).css('width', overlayDiv_width.toString() + 'px');
  $(C).css('height', overlayDiv_height.toString() + 'px');
  $(C).css('left', overlay_left_pos.toString() + 'px');
  $(C).css('position', 'absolute');
  $(C).css('top', overlay_top_pos.toString() + 'px' );
  $(C).css('z-index', 5000);

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/26128332/viewspace-706564/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2011-09-01

  • 博文量
    6
  • 访问量
    8701