固定网站左侧黑色模板-网站在线客服代码-易站站长网

代码介绍：

位于网站左侧，可设置电话、QQ、MSN、邮箱、具体效果请查看演示。

把代码中必要的数字/文字信息修改为自己的信息，即可投入到自己的网站使用。

演示地址：

https://www.yizhanzzw.com/yanshi/kefu13/

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 

<link href="https://www.yizhanzzw.com/yanshi/kefu13/css/yizhanzzw.css" rel="stylesheet" type="text/css">
<div id="divQQbox" class="QQbox" style="left: -262px; top: 220px; ">
	<div id="divOnline" class="Qlist">
		<div class="OnlineLeft">
			<div class="t">			</div>
			<div class="infobox">
				<br>
			</div>
			<div class="con">
				<ul>
					<li class="odd">QQ咨询：12345678</li>
					<li class="odd">QQ咨询：12345678</li>
					<li>MSN咨询：test@test.com</li>
					<li>邮箱：test@test.com</li>
					<li>电话：010-13457896</li>
				</ul>
			</div>
			<div class="b">			</div>
		</div>
		<div class="OnlineBtn"></div>
  </div>
</div>
<script src="https://www.yizhanzzw.com/yanshi/kefu13/js/jquery.min.js"></script>
<script>
lastScrollY = 0;
function FloatScroll() {
    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.getElementById("divQQbox").style.top = parseInt(document.getElementById("divQQbox").style.top) + percent + "px";
    lastScrollY = lastScrollY + percent;
}

$(function(){
	$("#divQQbox").hover(
		function(){
			$(this).stop(true,false);
			$(this).animate({left:0},300);	
		},
		function(){
			$(this).animate({left:-262},300);	
		}
	)
})
</script>
<script type="text/javascript">
window.setInterval("FloatScroll()",1);
</script>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->