<!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>