多功能QQ在线客服代码

使用方法：

引入CSS样式文件

<LINK rel="stylesheet" type="text/css" href="css/global.css">
<LINK rel="stylesheet" type="text/css" href="css/1200.css">

引入jQuery库文件、插件JS文件

<SCRIPT type="text/javascript" src="js/jquery-1.9.1.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/footer.js"></SCRIPT>

HTML结构

<DIV class="fixedBox">
  <UL class="fixedBoxList">
    <LI style="display: block;" id="cartboxs" class="fixeBoxLi cart_bd">
      <P class="good_cart">0</P>
      <SPAN class="fixeBoxSpan"></SPAN> <STRONG>购物车</STRONG>
      <DIV class="cartBox">
        <DIV class="bjfff"></DIV>
        <DIV class="message">购物车内暂无商品，赶紧选购吧</DIV>
      </DIV>
    </LI>
    <LI class="fixeBoxLi Service"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>在线客服</STRONG>
      <DIV class="ServiceBox">
        <DIV class="bjfff"></DIV>
        <DL >
          <DT><IMG src="images/Service1.jpg"></DT>
          <DD> <STRONG>在线QQ客服</STRONG>
            <P class="p1">9:00-22:00</P>
            <P class="p2"><A href="http://www.sucainiu.com">点击交谈</A></P>
          </DD>
        </DL>
        <DL >
          <DT><IMG src="images/Service2.jpg"></DT>
          <DD> <STRONG>网页在线客服</STRONG>
            <P class="p1">9:00-22:00</P>
            <P class="p2"><A href="http://www.sucainiu.com">点击交谈</A></P>
          </DD>
        </DL>
      </DIV>
    </LI>
    <LI class="fixeBoxLi Home"> <A href="http://www.sucainiu.com"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>返回首页</STRONG> </A> </LI>
    <LI class="fixeBoxLi BackToTop"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>返回顶部</STRONG> </LI>
  </UL>
</DIV>