找回密码
 注册
查看: 4437|回复: 0

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

[复制链接]

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
发表于 2017-3-29 11:17:56 | 显示全部楼层 |阅读模式
<div id="floatTools" class="float0831">
  ?+ L" I! a& U6 G1 S            <div class="floatL">- w% m. R# j& Y2 z8 J# a" O/ I
                <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>
1 T8 I1 D  |& I; t( B" X1 S4 X                <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>
3 ?, T) r2 r# W7 C            </div>
* y, Y: w$ e6 |/ U            <div id="divFloatToolsView" class="floatR">( Y$ u% b5 I+ @/ k0 h! q
                <div class="tp"></div>
" W* l) d8 S+ b# n                <div class="cn">
9 D) B3 Y( E# V( i                    <ul>1 X3 b1 t9 p; Y6 o
                        <li class="top">
  X9 D* C' ~; j9 G$ R                            <h3 class="titZx">
8 B$ x8 C' ]% m                                QQ咨询
( h+ a6 f! p9 D                            </h3>: B/ K- y* l! e, n1 s6 n% f
                        </li>
  e7 M2 v$ o) ~; G% q' Y1 L                        <li>3 H0 Z, D3 v8 |' y  G9 r9 E0 B8 H
                            <span class="icoZx">在线咨询</span>6 J$ F0 X0 n2 }+ ~: |  M/ [4 E7 Z
                        </li>4 E7 B% ]4 s2 J6 b! L: `' ]$ ?  m; P
                        <li>2 S0 q# q! \' J1 O# T' B( X5 ^
                            <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>: `+ R3 ^' ?5 U
                        </li>
0 ]8 h, V1 S" p- O6 j# P# y( v, \                        <li>" [7 Z# P* r$ `' o
                            <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>
" d8 U+ [$ D2 J& B0 p                        </li>
. t! J! ]% y: a3 h                    </ul>( K3 v; y/ G, y2 c
                    <ul>3 K/ P3 n3 x4 j4 ]1 n" Z
                        <li>; }9 p5 c2 J& g. V& W+ n% P, I
                            <h3 class="titDh">2 s( Z& g( B* ]2 p! F
                                电话咨询
. R6 ?# e) P' }) a, i% f                            </h3>. y& Y5 l+ t* I! B( R
                        </li>; \) D# b  E1 \# p+ r0 l; r  n+ i% T% @
                        <li>
/ e" P8 ^+ k0 Y& I5 O' G                            <span class="icoTl">400-000-000</span>+ q+ H" O- I* X6 x
                        </li>
2 L- b- f2 Z, z                        <li class="bot">& B0 B; ]9 r. V' j
                            <h3 class="titDc">
8 z4 w/ Z8 m5 J                                <a href="http://www.cslou.com/" target="_blank">新版调查</a>/ z, O& ^5 D& r
                            </h3>
: A5 O5 m" j3 O: `2 i                        </li>: Y0 I( f, q8 n* E/ V& `
                    </ul>
# G0 Y& z* q4 E: v5 _2 z+ r                </div>! B8 a/ h" l8 H5 T- i
            </div>
( j+ K5 U1 c$ J% \# \        </div>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

返回首页|Archiver|手机版|小黑屋|易陆发现技术论坛 ( 蜀ICP备2026014127号-1 )

GMT+8, 2026-6-12 01:15 , Processed in 0.108683 second(s), 21 queries .

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表