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

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

[复制链接]

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
发表于 2017-3-29 11:17:56 | 显示全部楼层 |阅读模式
<div id="floatTools" class="float0831">
5 h: h4 Z2 C2 G6 E: D# x9 A- i4 V            <div class="floatL">4 |2 z7 F) x- W3 n% }  b  E
                <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>
* `. ?; O4 K% x3 h' Z4 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>
- c: l; ?6 b1 p0 w! g" j# `. I            </div>
8 C, m! I/ G+ v- r9 u            <div id="divFloatToolsView" class="floatR">
& h1 h! s' e7 ~, Y' y0 r                <div class="tp"></div>% B4 Y, V: e) h! l7 Z/ J
                <div class="cn">3 f- O# I; x3 C3 v. m- s
                    <ul>
1 k& l; w) `- W                        <li class="top">9 ?8 V. ]9 P% |. O: i+ G4 {6 g
                            <h3 class="titZx">6 `* `& y7 p/ Z( [& r: U
                                QQ咨询
; I1 G! J3 L% X2 Z* q                            </h3>
! h* \- W8 d6 g2 C9 P+ P                        </li>( O9 P- ]+ `: Q' G. X8 |( Y
                        <li>
" [# {* l" u- R9 M, q) U3 ]                            <span class="icoZx">在线咨询</span>  T& k7 w+ t) w; P
                        </li>: d- q2 w3 u9 V! W# M8 X7 j
                        <li>% @! o7 x6 U2 d: u9 _
                            <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>4 M0 D$ R1 {7 S0 N* z+ r
                        </li>
8 ~# }; T% i4 y                        <li>4 m2 ~) h! J5 }) H& T) g
                            <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>( W' e  E  p/ n- k
                        </li>, r' n, M/ P1 Q# c( \, N
                    </ul>
5 `/ h1 K8 ^3 H6 }3 \: c                    <ul>5 Y' l$ z# C5 z7 {' C& Q: a
                        <li>1 Q+ x3 j1 D8 p' m0 I$ p7 ~
                            <h3 class="titDh">& @$ k! K# F, `, i* G
                                电话咨询: Z$ P) H, D, y8 F3 O
                            </h3>
/ V9 @- j4 Q' D2 a+ t! Z' B' w                        </li>
' G. P8 X5 j# b' y* c                        <li>. L& z! |; ?, p: D) A# W
                            <span class="icoTl">400-000-000</span>: p0 b' \3 Q2 C
                        </li>
! r" a# i6 Q9 V3 }$ n                        <li class="bot">/ X2 H; b& ]) X7 ]9 Z
                            <h3 class="titDc">
4 B6 O2 u6 w! L- J, t$ Q                                <a href="http://www.cslou.com/" target="_blank">新版调查</a>
9 v+ I/ E- |( ^( }9 `* F! p; l1 F                            </h3>
; V, _2 i% ]6 d3 ]0 g                        </li>
0 ?5 p) ~' P2 k2 ]5 E; l& t5 n                    </ul>
# Q  L6 l- e4 J  W                </div>* S3 V/ G2 q1 R" v+ }) x5 E" |
            </div>' b* I! @1 @: U2 P
        </div>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2026-6-12 02:18 , Processed in 0.012102 second(s), 22 queries .

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

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