源码学习:一个简单的日历控件(7)

刚子480

刚子480

2016-01-29 11:42

源码学习:一个简单的日历控件(7),源码学习:一个简单的日历控件(7)
     else{
      var theCell=theRow.insertCell(j);
      theCell.style.cssText="background-color:#F0F0F0;cursor:default;";
     }
    }
   }

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

   //****************调整日历位置**************//
   var offsetPos=calendar.getAbsolutePos(calendar.source);//计算对像的位置;
   if((document.body.offsetHeight-(offsetPos.y+calendar.source.offsetHeight-document.body.scrollTop))<calendar.calendarPad.style.pixelHeight){
    var calTop=offsetPos.y-calendar.calendarPad.style.pixelHeight;
   }
   else{
    var calTop=offsetPos.y+calendar.source.offsetHeight;
   }
   if((document.body.offsetWidth-(offsetPos.x+calendar.source.offsetWidth-document.body.scrollLeft))calendar.calendarPad.style.pixelWidth){
    var calLeft=offsetPos.x;
   }
   else{
    var calLeft=calendar.source.offsetLeft+calendar.source.offsetWidth;
   }
   //alert(offsetPos.x);
   calendar.calendarPad.style.pixelLeft=calLeft;
   calendar.calendarPad.style.pixelTop=calTop;
  }
  /****************** 计算对像的位置 *************************/
  this.getAbsolutePos = function(el) {
   var r = { x: el.offsetLeft, y: el.offsetTop };
   if (el.offsetParent) {
    var tmp = calendar.getAbsolutePos(el.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
   }
   return r;
  };

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)
展开更多 50%)
分享

猜你喜欢

源码学习:一个简单的日历控件(7)

电脑网络
源码学习:一个简单的日历控件(7)

源码学习:一个简单的日历控件(3)

电脑网络
源码学习:一个简单的日历控件(3)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

源码学习:一个简单的日历控件(6)

电脑网络
源码学习:一个简单的日历控件(6)

源码学习:一个简单的日历控件(9)

电脑网络
源码学习:一个简单的日历控件(9)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

源码学习:一个简单的日历控件(8)

电脑网络
源码学习:一个简单的日历控件(8)

源码学习:一个简单的日历控件(2)

电脑网络
源码学习:一个简单的日历控件(2)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

教你用html和css写出漂亮正规的Blog

教你用html和css写出漂亮正规的Blog

AutoCAD建模渲染教程:剖切命令绘制八心八箭钻石

AutoCAD建模渲染教程:剖切命令绘制八心八箭钻石
下拉加载更多内容 ↓