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

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

[复制链接]

1

主题

0

回帖

12

积分

管理员

积分
12
QQ
发表于 2017-3-29 11:17:56 | 显示全部楼层 |阅读模式
<div id="floatTools" class="float0831">  X+ Z  _% J6 z* j5 v& n5 C1 s
            <div class="floatL">
& v0 t. ]( Y. X, U  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>
% \- m' h9 j5 J! Q9 k                <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>/ b! [0 d1 _" S8 y% l' D1 A! d6 D
            </div>, s- R# |2 ^3 ~
            <div id="divFloatToolsView" class="floatR">
* W1 z9 o  R4 o                <div class="tp"></div>) o% j3 Q2 i5 p% s  x; b
                <div class="cn">
9 }) \6 f3 q8 r; @, G                    <ul>2 X/ Y$ b& d) U2 d+ M
                        <li class="top">. Y( }9 S' Y- o/ A' x+ X1 E* ?
                            <h3 class="titZx">
* t0 n3 B* T' h/ C5 q                                QQ咨询- E3 U% P& R' {1 R5 X
                            </h3>
5 C6 P' p3 X8 ^2 A8 Y; U' b                        </li>
7 Q$ K& [" S7 Y0 k8 E8 ~5 S                        <li>
# V( [1 o: \  |1 X/ ?) d$ o  W                            <span class="icoZx">在线咨询</span>
& o# h8 F% k1 c" R- F2 C                        </li>6 e: ^3 a% K* k' O% M: S  p6 y
                        <li>- g9 K) x+ t& W# ?
                            <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>; w0 x! |. k" F
                        </li>2 Q+ n) p; L7 w
                        <li>* U( Y2 q1 L' ?1 F- K! |. D
                            <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>
7 `. K7 \  s$ j7 L6 a                        </li>+ T! v; u3 E, [( z6 j
                    </ul>8 z: Q4 M% J! j" S' z- j
                    <ul>
( ~' y2 k. F! Q' v- @8 B4 w  Q$ a! o                        <li>
3 N) Q3 I1 Z; ]6 m3 X                            <h3 class="titDh">
+ I; g# M- e9 ?5 ~2 _( u                                电话咨询* b6 y- E1 B# p2 p8 K% v, [
                            </h3>
2 h# `) ?- x( _  h                        </li>7 f0 @* k! |6 ?. w# e0 O
                        <li>
+ _8 j, V! u) f& }* M                            <span class="icoTl">400-000-000</span>/ ^; s. j7 B7 x. Z0 ^
                        </li>
. ~' C+ p3 X) }! k' s                        <li class="bot">
* B) U1 _  ]# I1 l7 @* k                            <h3 class="titDc">- |! r9 B) M/ b8 c$ t& {1 f
                                <a href="http://www.cslou.com/" target="_blank">新版调查</a>- }2 [3 Z  R7 G
                            </h3>/ ^8 n4 [$ ?* B7 I7 Z# L
                        </li>
# w7 c# ]: X! K                    </ul># D& B) s9 j# l3 R6 Q4 N' j
                </div>
1 n, i+ a' d2 f% v            </div>
! y5 h" q! R. C9 }2 G% N3 L        </div>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2026-6-12 01:22 , Processed in 0.017236 second(s), 22 queries .

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

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