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>
<!--**********结束***************-->