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

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

[复制链接]

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
发表于 2017-3-29 11:17:56 | 显示全部楼层 |阅读模式
<div id="floatTools" class="float0831">* w. U5 F! m. i! N  C
            <div class="floatL">
( i- I0 ^- L, p1 H1 q8 {; k7 x. X                <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>
6 I  M7 S: E+ t$ P                <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>
6 P# _0 \; l+ s4 C/ v: {5 s            </div>
+ H: ]5 k/ o5 p- ~; l, _            <div id="divFloatToolsView" class="floatR">% N$ R4 w# [& w
                <div class="tp"></div>
, ^8 |3 A: D4 g+ z                <div class="cn">+ `5 c3 {. J. W0 G
                    <ul>( P/ d) D) v- D- ^
                        <li class="top">
4 n; l. |6 N4 S                            <h3 class="titZx">
6 g3 Z5 H2 B" c$ ~5 \6 c6 l                                QQ咨询  W1 G9 G2 y% [
                            </h3># ~5 a! a! g) A, r; m$ d
                        </li>. @4 W& C1 |! Z: F: O7 g3 [
                        <li>" W# E. X6 H, F
                            <span class="icoZx">在线咨询</span>
, i+ I" L( S8 p# n                        </li>- V  [5 B$ A  A) E* W
                        <li>
, c" }  f$ E, \/ _! L                            <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>
+ r- k4 R8 V/ b: y9 P& G; H                        </li>
9 Y; `) w* j0 v6 D' n; \2 v- D5 Y                        <li>
$ B7 v# |; J; I% W* Y9 T                            <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>" D2 V$ q1 P- m1 J
                        </li># [' V9 w  a; Q4 y2 j: Q
                    </ul>9 B' C; e' ~$ F% d" |. U
                    <ul>
! Z; z! Y7 N9 N8 V                        <li>
: x2 n" V0 b2 D& n                            <h3 class="titDh">
; W' _! V" Z1 a- f! ?                                电话咨询
6 r% H8 i, z' Z3 e                            </h3>3 R! N! Q/ q6 r- |/ h" f) K
                        </li>4 v7 S" b+ _* B- k( Y: x
                        <li>
9 S  b) e0 @% i8 o2 t. D" ?' Y+ {                            <span class="icoTl">400-000-000</span>
" W3 a. I" D- a2 M1 C1 }                        </li>
' r- l) d2 L+ i! y: o/ }                        <li class="bot">
2 h3 S+ [% g7 X& Z. Y                            <h3 class="titDc">  p9 G" t& ?9 X& W* c: k$ j+ g
                                <a href="http://www.cslou.com/" target="_blank">新版调查</a>
1 a1 G  X2 S* V$ H8 q0 d* L; o                            </h3>+ U8 I2 g! [, M7 h4 `
                        </li>7 T8 s* Y$ ~2 l! E! ?
                    </ul>, C1 |0 v" P/ x" w. \) V8 l
                </div>
1 x; f. L( Q8 g$ c            </div>/ y2 L% M, v3 c
        </div>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2026-6-12 00:16 , Processed in 0.011944 second(s), 22 queries .

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

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