当前位置:首页 > 代码 > 正文

qq在线客服侧边js代码(在线客服侧边js代码在哪)

admin 发布:2022-12-19 23:54 139


今天给各位分享qq在线客服侧边js代码的知识,其中也会对在线客服侧边js代码在哪进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

前端qq咨询JS代码怎么获取

script type="text/javascript" src=""/script

link rel="stylesheet" type="text/css" href="skin/5imoban.net.blue1.css"

script src="js/5imoban.net.js"/script

script

$(function(){

$("#lrkfwarp").lrkf({

kftop:'140', //距离顶部距离

btntext:'客服在线', //默认为 客服在线 四个字,如果你了解css可以使用图片代替

//defshow:false, //如果想默认折叠,将defshow:false,的注释打开,默认为展开

position:'absolute', //如果为absolute所有浏览器在拖动滚动条时均有动画效果,如果为空则只有IE6有动画效果,其他浏览器

qqs:[

{'name':'售前1号','qq':'412611348'}, //注意逗号是英文的逗号

{'name':'客服2号','qq':'412611348'},

{'name':'客服3号','qq':'412611348'},

{'name':'客服4号','qq':'412611348'} //注意最后一个{}不要英文逗号

],

tel:[

{'name':'24小时热线','tel':'400-888-0888'}, //注意逗号是英文的逗号

{'name':'售后','tel':'13554804241'}

],

more:"" //更多方式

});

});

/script

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

本文实例讲述了jQuery实现的网页左侧在线客服效果代码。分享给大家供大家参考,具体如下:

这是又一个网页上的在线客服代码,不错,可以用一下哦。与其它客服不一样的地方呢?无非是在网页左侧滑出,可对客服类型分组,又多了一个功能,哈哈。

运行效果截图如下:

在线演示地址如下:

具体代码如下:

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

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

style

*{margin:0px;padding:0px;outline:none;list-style-type:none;border:none;}

/*

QQbox

*/

.QQbox{z-index:1000;width:410px;left:-276px;top:0;margin:149px

0;position:fixed;}

*html,

*html

body{background-image:url(about:blank);background-attachment:fixed;}

*html

.QQbox{position:absolute;

top:expression(eval(document.documentElement.scrollTop));}

.QQbox

.press{left:0;border:none;cursor:pointer;width:32px;height:96px;position:absolute;padding-top:140px;}

.QQbox

.Qlist{float:left;width:410px;background:url(images/bj01.png)

no-repeat;background-position:1px

0px;height:436px;display:block;overflow:hidden;zoom:1;}

.QQbox

.Qlist

.infobox{text-align:center;background-repeat:no-repeat;padding:5px;line-height:14px;color:#CCCCCC;font-weight:700;}

.QQbox

.Qlist

.con{margin-top:266px;margin-left:50px;color:#32567e;font-size:14px;}

.QQbox

.Qlist

.con

ul

li{height:31px;list-style:none;margin-left:35px;}

.QQbox

.Qlist

.con

ul

li

a{font-size:13px;margin-left:18px;text-decoration:none;}

.OnlineLeft{float:left;display:inline;width:262px;height:439px;overflow:hidden;zoom:1;}

.OnlineBtn{float:right;display:inline;width:127px;height:36px;background:url(images/bj02.png)

no-repeat;margin-top:-45px;margin-left:220px;}

/style

script

type="text/javascript"

src="jquery-1.6.2.min.js"/script

/head

body

div

id="divQQbox"

class="QQbox"

div

id="divOnline"

class="Qlist"

div

class="OnlineLeft"

div

class="con"

ul

li售前咨询a

target="_blank"

href="tencent://message/?uin=12345678Site=;Menu=yes"img

border="0"

src=""/a/li

li网站建设a

target="_blank"

href="tencent://message/?uin=12345678Site=;Menu=yes"img

border="0"

src=""/a/li

li网站优化a

target="_blank"

href="tencent://message/?uin=12345678Site=;Menu=yes"img

border="0"

src=""/a/li

li整合营销a

target="_blank"

href="tencent://message/?uin=12345678Site=;Menu=yes"img

border="0"

src=""/a/li

li售后服务a

target="_blank"

href="tencent://message/?uin=12345678Site=;Menu=yes"img

border="0"

src=""/a/li

/ul

/div

/div

div

class="OnlineBtn"

/div

/div

/div

script

type="text/javascript"

$(function(){

//建站热线展开效果

$("#divQQbox").hover(

function(){

$(this).stop(true,false);

$(this).animate({left:0},300);

},

function(){

$(this).animate({left:-276},149);

}

)

});

/script

/body

/html

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

这是一段在线客服JS代码它是右边浮动的如何改让它左浮动?

代码中没有出现left 及 width,可能 在线客服 的css style决定了它的竖直位置,请看看 divQQbox

等一些div的样式。

漂浮在网页右侧的QQ在线客服代码? 1、怎么样修改以下代码,让其变为最靠右边2、如何插入到网页当中

帮你运行了,没有出现java script error Description的问题,有可能是你本地环境的问题,至于出现大片空白是因为你的表格标签乱了,没有对应!帮你调一下,代码:

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

titleQQ在线客服/title

SCRIPT language=javascript

function CloseQQ()

{

divStayTopleft.style.display="none";

return true;

}

function FloatTop()

{

var startX1 =document.body.offsetWidth-125 ,startY1 = 5;

var startX2 =0,startY2 = 95;

var ns = (navigator.appName.indexOf("Netscape") != -1);

var d = document;

function ml(id,startX,startY)

{

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x;this.style.top=y;};

el.x = startX;

el.y = startY;

return el;

}

window.stayTopLeft=function()

{

var pY = ns ? pageYOffset : document.body.scrollTop;

ftlObj.y += (pY + startY1 - ftlObj.y)/8;

ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;

ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);

ftlObj1.sP(ftlObj1.x, ftlObj1.y);

setTimeout("stayTopLeft()", 30);

}

ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+505,0);

ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+509,30);

stayTopLeft();

}

/SCRIPT

/head

body

DIV id=divStay style="POSITION:absolute"/DIV

/DIV

SCRIPT language=javascript

function picsize(obj,MaxWidth){

img=new Image();

img.src=obj.src;

if (img.widthMaxWidth)

{

return MaxWidth;

}

else

{

return img.width;

}

}

function CloseQQ()

{

divStayTopleft.style.display="none";

return true;

}

var online= new Array();

/SCRIPT

div id="divStayTopleft" style="POSITION: absolute; left: 267px; top: 34px;"

table cellspacing="0" cellpadding="0" width="109" border="0"

tr

td colspan="3"

a onClick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12"

img height="34" src="QQ3.png" width="109" usemap="#Map" border="0"/a/td

/tr

tr

td width="6"img height="250" src="QQ2.png" width="6"/td

td valign="top" width="96" background="sto/qq_bg.gif"

/td/tr/table

/div

中间省略。。。。。。。。。

FloatTop();

!--End --

table width="95%" border="0" cellspacing="0" cellpadding="0"

tr

td height="800" /td

/tr

/table

script type="text/javascript"FloatTop();/script

/body

/html

关于qq在线客服侧边js代码和在线客服侧边js代码在哪的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/31199.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载