js鼠标跟随

最新推荐文章于 2024-07-23 16:20:42 发布

飘飘

最新推荐文章于 2024-07-23 16:20:42 发布

阅读量1.8k

点赞数

文章标签： function null div class delay input

本文链接：https://blog.csdn.net/qianyepiao/article/details/5961050

版权

$control.setTemplate("home:navigate.vm").setParameter("selected","datamanage_1").setParameter("navigateName","datamanage")
<script type="text/javascript">
if (typeof document.attachEvent!='undefined') {
   window.attachEvent('onload',init);
   document.attachEvent('onmousemove',moveMouse);
   document.attachEvent('onclick',checkMove); }
else {
   window.addEventListener('load',init,false);
   document.addEventListener('mousemove',moveMouse,false);
   document.addEventListener('click',checkMove,false);
}

var oDv=document.createElement("div");
var dvHdr=document.createElement("div");
var dvBdy=document.createElement("div");
var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mouseX,mouseY,boxOpen,totalScrollTop,totalScrollLeft;
boxOpen=false;
ox=10;
oy=10;
lockX=0;
lockY=0;

function init() {
    oDv.appendChild(dvHdr);
    oDv.appendChild(dvBdy);
    oDv.style.position="absolute";
    oDv.style.visibility='hidden';
    document.body.appendChild(oDv);
}

function defHdrStyle() {
}

function defBdyStyle() {
    dvBdy.style.border='1px solid #ccc';//层的边框
    dvBdy.style.width='210px';
    dvBdy.style.fontFamily='arial';
    dvBdy.style.fontSize='14';
    dvBdy.style.textAlign='left';
    dvBdy.style.padding='30';
    dvBdy.style.color='#000';
    dvBdy.style.background='#fff';
    dvBdy.style.filter='alpha(opacity=80)'; // IE
    dvBdy.style.opacity='0.8'; // FF
}

function checkElemBO(txt) {
if (!txt || typeof(txt) != 'string') return false;
if ((txt.indexOf('body')>-1)&&(txt.indexOf('[')>-1)&&(txt.indexOf('[')>-1))
return true;
else
return false;
}

function getParam(param,list) {
    var reg = new RegExp('([^a-zA-Z]' + param + '|^' + param + ')//s*=//s*//[//s*(((//[//[)|(//]//])|([^//]//[]))*)//s*//]');
    var res = reg.exec(list);
    var returnvar;
    if(res)
        return res[2].replace('[[','[').replace(']]',']');
    else
        return '';
}

function Left(elem){
    var x=0;
    if (elem.calcLeft)
        return elem.calcLeft;
    var oElem=elem;
    while(elem){
         if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderLeftWidth)))&&(x!=0))
             x+=parseInt(elem.currentStyle.borderLeftWidth);
         x+=elem.offsetLeft;
         elem=elem.offsetParent;
      }
    oElem.calcLeft=x;
    return x;
    }

function Top(elem){
     var x=0;
     if (elem.calcTop)
         return elem.calcTop;
     var oElem=elem;
     while(elem){
          if ((elem.currentStyle)&& (!isNaN(parseInt(elem.currentStyle.borderTopWidth)))&&(x!=0))
             x+=parseInt(elem.currentStyle.borderTopWidth);
         x+=elem.offsetTop;
             elem=elem.offsetParent;
     }
     oElem.calcTop=x;
     return x;

}

var ah,ab;
function applyStyles() {
    if(ab)
        oDv.removeChild(dvBdy);
    if (ah)
        oDv.removeChild(dvHdr);
    dvHdr=document.createElement("div");
    dvBdy=document.createElement("div");
    CBE.boCSSBDY?dvBdy.className=CBE.boCSSBDY:defBdyStyle();
    CBE.boCSSHDR?dvHdr.className=CBE.boCSSHDR:defHdrStyle();
    dvHdr.innerHTML=CBE.boHDR;
    dvBdy.innerHTML=CBE.boBDY;
    ah=false;
    ab=false;
    if (CBE.boHDR!='') {
        oDv.appendChild(dvHdr);
        ah=true;
    }
    if (CBE.boBDY!=''){
        oDv.appendChild(dvBdy);
        ab=true;
    }
}

var CSE,iterElem,LSE,CBE,LBE, totalScrollLeft, totalScrollTop, width, height ;
var ini=false;

// Customised function for inner window dimension
function SHW() {
   if (document.body && (document.body.clientWidth !=0)) {
      width=document.body.clientWidth;
      height=document.body.clientHeight;
   }
   if (document.documentElement && (document.documentElement.clientWidth!=0) && (document.body.clientWidth + 20 >= document.documentElement.clientWidth)) {
      width=document.documentElement.clientWidth;
      height=document.documentElement.clientHeight;
   }
   return [width,height];
}

function pauseBox(e) {
   e?evt=e:evt=event;
    boxMove=false;
    evt.cancelBubble=true;
}

function showHideBox(e) {
oDv.style.visibility=(oDv.style.visibility!='visible')?'visible':'hidden';
}

function hideBox(e) {
oDv.style.visibility='hidden';
}

var COL=0;
var stopfade=false;
function fadeIn(fs) {
        ID=null;
        COL=0;
        oDv.style.visibility='visible';
        fadeIn2(fs);
}

function fadeIn2(fs) {
        COL=COL+fs;
        COL=(COL>1)?1:COL;
        oDv.style.filter='alpha(opacity='+parseInt(100*COL)+')';
        oDv.style.opacity=COL;
        if (COL<1)
         setTimeout("fadeIn2("+fs+")",20);
}

function fadeOut() {
oDv.style.visibility='hidden';

}

function isChild(s,d) {
    while(s) {
        if (s==d)
            return true;
        s=s.parentNode;
    }
    return false;
}

var cSrc;
function checkMove(e) {
    e?evt=e:evt=event;
    cSrc=evt.target?evt.target:evt.srcElement;
    if ((!boxMove)&&(!isChild(cSrc,oDv))) {
        fadeOut();
        if (CBE&&CBE.IEbugfix) {showSelects();}
        boxMove=true;
        CBE=null;
    }
}

function showSelects(){
   var elements = document.getElementsByTagName("select");
   for (i=0;i< elements.length;i++){
      elements[i].style.visibility='visible';
   }
}

function hideSelects(){
var elements = document.getElementsByTagName("select");

   for (i=0;i< elements.length;i++){
   elements[i].style.visibility='hidden';
   }
}
</script>
            <div class="bd clearfix">

                <div class="crumbs">
                    我目前的位置：<a href="$outputModule.setTarget('personalHome.vm')">首页</a><span>></span>
                    数据管理
                </div>

                <div class="rule-main">
         #set ($pageParam = ${form.pageParam.defaultInstance})
                        <form id="paramForm" action="" method="post">
                      $csrfToken.hiddenField
                            <input type="hidden" id="currentPage" name="$pageParam.currentPage.key" value="$pageParam.currentPage.value"/>
                            <input type="hidden" id="length" name="$pageParam.length.key" value="$pageParam.length.value"/>
                        </form>
                            <h2>数据统计</h2>
                            <div class="count-table-col" style="width:400px">
                                <table>
                                    <tr>
                                        <th>数据</th>
                                        <th>数量</th>
                                    </tr>
                                    <tr>
                                        <td>系统可使用元数据</td>
                                        <td>$countDataObject</td>
          %