admin 发表于 2017-3-29 11:17:56

一个可展开收缩的右侧悬浮QQ在线客服代码

<div id="floatTools" class="float0831">
            <div class="floatL">
                <a title="查看在线客服" class="btnOpen" id="aFloatTools_Show" style="display: none;" onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show(); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);">展开</a>
                <a title="关闭在线客服" class="btnCtn" id="aFloatTools_Hide" style="display: block;" onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide(); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);">收缩</a>
            </div>
            <div id="divFloatToolsView" class="floatR">
                <div class="tp"></div>
                <div class="cn">
                  <ul>
                        <li class="top">
                            <h3 class="titZx">
                              QQ咨询
                            </h3>
                        </li>
                        <li>
                            <span class="icoZx">在线咨询</span>
                        </li>
                        <li>
                            <a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2278808484&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2278808484:41 &r=0.8940031429092906"></a>
                        </li>
                        <li>
                            <a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=954149011&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:954149011:41 &r=0.8940031429092906"></a>
                        </li>
                  </ul>
                  <ul>
                        <li>
                            <h3 class="titDh">
                              电话咨询
                            </h3>
                        </li>
                        <li>
                            <span class="icoTl">400-000-000</span>
                        </li>
                        <li class="bot">
                            <h3 class="titDc">
                              <a href="http://www.cslou.com/" target="_blank">新版调查</a>
                            </h3>
                        </li>
                  </ul>
                </div>
            </div>
      </div>
页: [1]
查看完整版本: 一个可展开收缩的右侧悬浮QQ在线客服代码