jQuery实现的网页左侧在线客服效果代码

2025-02-24 16:15:03

推荐回答（1个）

回答1：

本文实例讲述了jQuery实现的网页左侧在线客服效果代码。分享给大家供大家参考，具体如下：
这是又一个网页上的在线客服代码，不错，可以用一下哦。与其它客服不一样的地方呢？无非是在网页左侧滑出，可对客服类型分组，又多了一个功能，哈哈。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/jquery-left-online-kf-demo/
具体代码如下：
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">

网页左侧浮动jquery在线QQ客服代码

type="text/javascript"
src="jquery-1.6.2.min.js">

id="divQQbox"
class="QQbox">
id="divOnline"
class="Qlist">
class="OnlineLeft">
class="con">

售前咨询target="_blank"
href="tencent://message/?uin=12345678&&Site=www.cdn.net&&Menu=yes">border="0"
src="http://wpa.qq.com/pa?p=1:12345678:42">

网站建设target="_blank"
href="tencent://message/?uin=12345678&&Site=www.cdn.net&&Menu=yes">border="0"
src="http://wpa.qq.com/pa?p=1:12345678:42">

网站优化target="_blank"
href="tencent://message/?uin=12345678&&Site=www.cdn.net&&Menu=yes">border="0"
src="http://wpa.qq.com/pa?p=1:12345678:42">

整合营销target="_blank"
href="tencent://message/?uin=12345678&&Site=www.cdn.net&&Menu=yes">border="0"
src="http://wpa.qq.com/pa?p=1:12345678:42">

售后服务target="_blank"
href="tencent://message/?uin=12345678&&Site=www.cdn.net&&Menu=yes">border="0"
src="http://wpa.qq.com/pa?p=1:12345678:42">

class="OnlineBtn">

type="text/javascript">
$(function(){
//建站热线展开效果
$("#divQQbox").hover(
function(){
$(this).stop(true,false);
$(this).animate({left:0},300);
},
function(){
$(this).animate({left:-276},149);
}
)
});

希望本文所述对大家jQuery程序设计有所帮助。