<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style>
body{position:relative;margin:0;padding:55px 0 0 0;}
*{margin:0;padding:0;list-style-type:none}
a,img{border:0}
a,a:hover{color:#333;text-decoration:none}
/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(/js/qq/sidebar_bg.png) no-repeat;_background:url(/js/qq/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(/js/qq/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}
/* green skin */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:url(/js/qq/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}</style>
<script type="text/javascript" src="/js/qq/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/qq/jquery.hhService.js"></script>
<script type="text/javascript">$(function(){$("#hhService").fix({float:'right',minStatue:false,skin:'green',durationTime:1000})});</script>
</head>
<body style="height:2000px;">
<!-- 代码 开始 -->
<div class="scrollsidebar" id="hhService">
<div class="side_content">
<div class="side_list">
<div class="side_title">
<a title="隐藏" class="close_btn"><span>关闭</span></a></div>
<div class="side_center">
<div class="qqserver">
<p>
<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=800020304&site=qq&menu=yes" target="_blank">
<img src="http://wpa.qq.com/pa?p=1:800020304:51">售前客服</a></p>
<p>
<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=800020304&site=qq&menu=yes" target="_blank">
<img src="http://wpa.qq.com/pa?p=1:800020304:51">售前客服</a></p>
<p>
<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=800020304&site=qq&menu=yes" target="_blank">
<img src="http://wpa.qq.com/pa?p=1:800020304:51">售后客服</a></p>
<p>
<a title="点击这里给我发消息" href="http://wpa.qq.com/msgrd?v=3&uin=800020304&site=qq&menu=yes" target="_blank">
<img src="http://wpa.qq.com/pa?p=1:800020304:51">技术支持</a></p>
</div>
<strong>咨询热线：123456</strong><div class="msgserver">
<p><a href="http://www.js323.com/">给我们留言</a></p>
</div>
</div>
<div class="side_bottom">
</div>
</div>
</div>
<div class="show_btn"><span>在线客服</span></div>
</div>
<!-- 代码 结束 -->
<p>本例所需要的脚本:看不到效果请刷新网页,当然,在你实际使用时不会出现这样的情况<br/>
<a href="/js/qq/jquery-1.7.2.min.js">jquery-1.7.2.min.js</a><br/>
<a href="/js/qq/jquery.hhService.js">jquery.hhService.js</a>
</p>
<div style="text-align:center;margin:5px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>