浮云在右边的层

时间:2022-11-16 15:59:03


css部分:

DIV {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

UL {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DL {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

.showDiv1 {
 Z-INDEX: 9999; POSITION: absolute; WIDTH: 118px; HEIGHT: 306px; COLOR: white; OVERFLOW: hidden; RIGHT: 5px; TOP: 0px
}
.righttop {
 WIDTH: 118px; FLOAT: left; HEIGHT: 29px
}
.rightdh {
 WIDTH: 118px; FLOAT: left; HEIGHT: 245px
}
#rightdhmn {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); WIDTH: 118px; FLOAT: left; HEIGHT: 49px
}
#rightdhmn LI {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); TEXT-ALIGN: center; WIDTH: 118px; DISPLAY: block; FLOAT: left; HEIGHT: 49px
}
#rightdhmn LI A {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); TEXT-ALIGN: center; WIDTH: 118px; DISPLAY: block; FLOAT: left; HEIGHT: 49px
}
#rightdhmn LI A:link {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); LINE-HEIGHT: 49px; WIDTH: 100%; FONT-FAMILY: "微软雅黑"; COLOR: #000000; FONT-SIZE: 16px; TEXT-DECORATION: none
}
#rightdhmn LI A:visited {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); LINE-HEIGHT: 49px; WIDTH: 100%; FONT-FAMILY: "微软雅黑"; COLOR: #000000; FONT-SIZE: 16px; TEXT-DECORATION: none
}
#rightdhmn LI A:hover {
 BACKGROUND-IMAGE: url(images/xuelidh3.jpg); LINE-HEIGHT: 49px; WIDTH: 100%; FONT-FAMILY: "微软雅黑"; COLOR: #000000; FONT-SIZE: 16px; TEXT-DECORATION: none
}
#rightdhmn LI A:active {
 BACKGROUND-IMAGE: url(images/xuelidh2.jpg); LINE-HEIGHT: 245px; WIDTH: 100%; FONT-FAMILY: "微软雅黑"; COLOR: #000000; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.rightfoot {
 BACKGROUND-IMAGE: url(images/xuelidh5.jpg); TEXT-ALIGN: center; LINE-HEIGHT: 32px; WIDTH: 118px; FONT-FAMILY: "微软雅黑"; FLOAT: left; HEIGHT: 32px; COLOR: #ffffff; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.rightfoot A:link {
 LINE-HEIGHT: 32px; FONT-FAMILY: "微软雅黑"; COLOR: #ffffff; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.rightfoot A:visited {
 LINE-HEIGHT: 32px; FONT-FAMILY: "微软雅黑"; COLOR: #ffffff; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.rightfoot A:hover {
 LINE-HEIGHT: 32px; FONT-FAMILY: "微软雅黑"; COLOR: #00edff; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.rightfoot A:active {
 LINE-HEIGHT: 32px; FONT-FAMILY: "微软雅黑"; COLOR: #ffffff; FONT-SIZE: 16px; TEXT-DECORATION: none
}


 

js部分:

<!--**********浮动层开始***************-->
<script language="JavaScript" type="text/javascript">
// JScript 文件
       //<!--***********开始*************-->
  //<![CDATA[ 
        var tips; var theTop = 0; var old = theTop;
        function initFloatTips() {
            tips = document.getElementByIdx_x_x('floatTips1');
            moveTips();
        };
        function moveTips() {
            var tt = 50;
            if (windows.innerHeight) {
                pos = window.pageYOffset
            }
            else if (document.documentElement && document.documentElement.scrollTop) {
                pos = document.documentElement.scrollTop
            }
            else if (document.body) {
                pos = document.body.scrollTop;
            }
            pos = pos - tips.offsetTop + theTop;
            pos = tips.offsetTop + pos / 10;
            if (pos < theTop) pos = theTop;
            if (pos != old) {
                tips.style.top = pos + "px";
                tt = 10;
            }
            old = pos;
            setTimeout(moveTips, tt);
       

       //!]]>
 </script>
 <!--**********浮动层结束***************-->



html部分:

<!--**********浮动层开始***************-->
<div style="right: 8px; position: absolute; top: 100px; " >
<DIV id=floatTips1 class=showDiv1>
  <DIV class=righttop><IMG border=0 src="images/xuelidh0.png"
width=118 height=29></DIV>
<DIV class=rightdh>
<DIV id=rightdhmn>
<UL>
  <LI><A href="#"
  target=_blank>商务管理</A> </LI>
  <LI><A href="#"
  target=_blank>金融管理</A> </LI>
  <LI><A href="#"
  target=_blank>采购与供应</A> </LI>
  <LI><A href="#"
  target=_blank>人力资源</A> </LI>
  <LI><A href="#"
  target=_blank>能源资源</A> </LI></UL></DIV></DIV>
<DIV class=rightfoot><A title=返回顶部
href="#a0">Back to
top</A></DIV></DIV>
</div>
     <script language="JavaScript" type="text/javascript">
   lastScrollY=0;
   function heartBeat(){
   var diffY;
   if (document.documentElement && document.documentElement.scrollTop)
   diffY = document.documentElement.scrollTop;
   else if (document.body)
   diffY = document.body.scrollTop
   else
   {}
   percent=.1*(diffY-lastScrollY);
   if(percent>0)percent=Math.ceil(percent);
   else percent=Math.floor(percent);
   document.getElementByIdx_x_x("lovexin12").style.top=parseInt(document.getElementByIdx_x_x("lovexin12").style.top)+percent+"px";
   lastScrollY=lastScrollY+percent;
   }
   window.setInterval("heartBeat()",1);
     </script>
<!--**********结束***************-->


​​​​
​​
​​
​​