QQ在线客服

css代码：

    .float0831 {
    POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute
}
.float0831 A {
    COLOR: #00a0e9
}
.float0831 A:hover {
    COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
    POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
    TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
    BACKGROUND: url("images/float_bg.gif")  //  http://images.cnblogs.com/cnblogs_com/xinlinux/584094/o_float_bg.gif
}
.float0831 .tp {
    BACKGROUND: url("images/float_bg.gif")
}
.float0831 .cn {
    BACKGROUND: url("images/float_bg.gif")
}
.float0831 .floatR {
    PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden;display:none;
}
.float0831 .tp {
    BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
    BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
    TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
    BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .titDh {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .titDc {
    BACKGROUND: url("images/float_s.gif") no-repeat         //  http://images.cnblogs.com/cnblogs_com/xinlinux/584094/o_float_s.gif
}
.float0831 .icoZx {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .icoTc {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .icoFf {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .icoTl {
    /*BACKGROUND: url("images/float_s.gif") no-repeat*/
}
.float0831 .btnOpen {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .btnOpen_n {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .btnCtn {
    BACKGROUND: url("images/float_s.gif") no-repeat
}
.float0831 .titZx {
    BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
    BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
    BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
    BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
    BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
    BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
    PADDING-LEFT: 5px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
    BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
    BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
    BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .qqOn {
    display:block;margin:6px 0px 0px 15px;
}

.float0831 .icoFf {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
    TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
    TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
    TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
    WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
    BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
    BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url("images/webZx_bg.jpg") no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
    BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}

HTml代码：

<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" style="display: block;">
<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&amp;uin=2278808484&amp;site=qq&amp;menu=yes" rel="nofollow"><img border="0" src="http://wpa.qq.com/pa?p=2:2278808484:41" alt="长沙写字楼网客服" title="长沙写字楼网客服"></a>
</li>
<li>
<a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2753546408&amp;site=qq&amp;menu=yes" rel="nofollow"><img border="0" src="http://wpa.qq.com/pa?p=2:2753546408:41" alt="长沙写字楼网客服" title="长沙写字楼网客服"></a>
</li>
</ul>
<ul>
<li>
<h3 class="titDh">
电话咨询
</h3>
</li>
<li>
<span class="icoTl">0731-83860482</span>
</li>
<li class="bot">
<h3 class="titDc">
<a href="http://www.cslou.com/advise.html" target="_blank">反馈意见</a>
</h3>
</li>
</ul>
</div>
</div>
</div>

 
时间： 2024-10-03 03:44:01

QQ在线客服的相关文章

在网页中实现QQ在线客服功能的流程

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="QQText.aspx.cs" Inherits="在线客服模块_QQText" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server

QQ在线客服：缓冲向左弹出的网页右侧边栏Qq客服代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>接触角测定仪 http://www.dgs

QQ在线客服设置

QQ在线客服设置 1.客户在添加QQ在线客服后,需要让用户在线不需要添加为好友就能在线对话,一般默认设置下会显示"您需要添加对方为好友+才能给对方发送会话消息",具体解决方法如下: ①.登陆腾讯官方网站:http://wp.qq.com/ 或者 http://shang.qq.com/v3/widget.html 进入QQ推广==>推广工具,点击立即免费开通.已开通的用户进入到第二步. ②.登陆之后,点"设置",按下图所示,全部打勾.这个必须设置,不设置,不能

QQ在线客服代码 飘浮在右侧的QQ客服js特效演示

制作在线QQ的具体步骤 1.首先登录到http://is.qq.com/webpresence/code.shtml 网站2.选择风格3.填写相关数据4.生成网页代码5.复制代码到“写字板”,另存文件名为001.html6.创建自建栏目,将写字板里的图案样式部分复制到“自建栏目”中 7.全部完成以后,将图标设置链接,地址为:http://wpa.qq.com/msgrd?v=1&uin=你的QQ号码&site=240zt 保存发布就OK了!                        h

QQ在线客服插件代码，下载自CSDN==可拖动在线客服插件。

  制作网站需要的在线客服功能, 代码: var isIE = /msie/i.test(navigator.userAgent); function gID(id){return document.getElementById(id);} //漂浮 //参数:层ID,记录上次滚动位置(默认可以为空,递归使用) function ScrollDiv(id,pScrollY){ //var ScrollY = document.documentElement.scrollTop ? documen

JS+CSS实现可展开/收起的QQ在线客服悬浮代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS+CSS实现可展开/收起的QQ在线客服

移动端H5 QQ在线客服链接代码

很难找,在网上找了很久都没有找到,最终在群里问朋友,才找到这段代码.虽然代码不长,但是建议需要的朋友收藏一下.绝对有效! 移动端H5 QQ在线客服链接代码 <a href="mqqwpa://im/chat?chat_type=wpa&uin=336245783&version=1&src_type=web&web_src=bjhuli.com">报名咨询</a> 经过测试,安卓和,IOS没有问题,其他手机未测试. 移动端H5 Q

腾讯官网生成qq在线客服代码

很多朋友在网上找qq客服的代码,其实qq官网给我们提供了生成在线客服代码的地方,使用起来也非常方便和安全,这里小编就向大家介绍一下. 进入QQ推广官网,并登陆.   选择推广工具.   选择图标样式和你想显示的提示语.   刷新一下页面,可以发现下面的文本框根据我们的选择生成了一段代码,只需要把这段代码拷贝到我们自己网页中相应的位置就可以了.   可以在本地先用一个网页测试一下.   测试效果.   这个网站上还提供了设置选项和生成一键加群的代码,使用方法差不多,有兴趣的自己研究一下.

QQ在线客服的使用

<a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=2804010556&site=abbs.com&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="点击这里给我发消息" title="点击这里给我发消息&quo