<div id="kefuLayer" style="position:absolute;right:100px;top:100px;width:210px;height:275px; z-index:10000; border:1px solid #cdcdcd;white-space:normal;word-wrap:break-word;" >
<div class="kefutitle">客服中心</div>
<div class="kefu-01">
<H4>在线客服</H4>
<img style="cursor:pointer" οnclick="alert('客服忙,请稍候');" border=0 src="resources/kefu/bes_kefu.jpg" width=170 height=62 />
<H4>客服邮箱</H4>
<H5>[email protected]<br/>(24小时内回复)</H5>
<H4>技术客服</H4>
<H5>400-650-1976<br/>(7×24小时)</H5>
</div>
</div>
<link href="resources/kefu/kefu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
//使层总置于顶端的初始值
var advInitTop=0;
//获取广告图片所在的层上边距的初始值
function inix(){
advInitTop=parseInt(window.document.getElementById("kefuLayer").style.top);
move();
}
//使用广告图片所在的层与滚动条同步移动
function move(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop){
diffY = document.documentElement.scrollTop;
}else if (document.body){
diffY = document.body.scrollTop;
}
document.getElementById("kefuLayer").style.top=advInitTop + parseInt(diffY) +"px";
}
//窗口的滚动事件,当页面滚动时调用move()函数
window.οnscrοll=move;
inix();
</script>
--------------------
.kefutitle {
font-size: 14px;
font-weight: bold;
color: #057e56;
background-image: url(bj_06.gif);
background-repeat: repeat-x;
background-position: left top;
height: 25px;
line-height: 25px;
text-align: center;
}
.kefu-01 {
padding-bottom: 10px;
padding-top: 10px;
margin-left:10px;
}
.kefu-01 h4 {
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 20px;
padding-top: 5px;
padding-left: 35px;
background-image: url(jt.gif);
background-repeat: no-repeat;
background-position: 15px 7px;
margin:0px;
}
.kefu-01 h5 {
font-size: 12px;
color: #000000;
font-weight: normal;
line-height: 20px;
padding-left: 35px;
padding-right: 20px;
margin:0px;
}