腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

该特效需要用到相关的图片，比如那个效果的皮服，请各位自行将相关的图片下载到本地使用。

腾讯QQ网页在线客服，随网页滚动条上下移动的效果一




　

function picsize(obj,MaxWidth){
img=new Image();
img.src=obj.src;
if (img.width>MaxWidth)
{
return MaxWidth;
}
else
{
return img.width;
}
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
var online= new Array();


客户服务
document.write("");
document.write("");

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-125,0);
// ftlObj1 = ml("divStayTopLeft",0,30);
ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0);
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);
stayTopLeft();
}
FloatTop();

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • jquery实现漂浮在网页右侧的qq在线客服插件示例

    jquery实现漂浮在网页右侧的qq在线客服插件示例

    很实用的一款QQ在线客服代码,点击QQ图标,可直接与客服对话.具体实现代码如下: html页面: 复制代码 代码如下: <!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/xht

  • 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服在线聊天代码

    1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) <a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=12345678&Site=快享&Menu=yes"><img border="0" SRC=ht

  • javascript实现在线客服效果

    javascript实现在线客服效果

    在线客服系统在大量的网站都有应用,特别是销售类网站,可以有效的增加网站的可用性,便于客户及时联系商家,从而增加了交易成功的可能性,在线客服系统的实现方式有多种多样,这里介绍一种网上常见并且非常美观的客服系统,以此达到举一反三的目的,能够比较轻松的实现其他外观形式的客服系统,代码示例如下: CSS <style type="text/css"> body { margin:0px } .main_head { background:url(mytest/JS/img3-5_2

  • 可浮动QQ在线客服

    可浮动QQ在线客服

    复制代码 代码如下: (function(){ QQMenuInt=_QQMenuInt; moveQQmenu=_moveQQmenu; function _QQMenuInt(){ QQMenu.style.position="absolute"; QQMenu.style.display=""; if(parseInt(document.documentElement.offsetWidth)>1024){ QQMenuPosition.Left+=(p

  • 腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

    腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

    该特效需要用到相关的图片,比如那个效果的皮服,请各位自行将相关的图片下载到本地使用. 腾讯QQ网页在线客服,随网页滚动条上下移动的效果一 function picsize(obj,MaxWidth){ img=new Image(); img.src=obj.src; if (img.width>MaxWidth) { return MaxWidth; } else { return img.width; } } function CloseQQ() { divStayTopleft.style

  • 腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

    腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

    该特效需要用到相关的图片,比如那个效果的皮服,请各位自行将相关的图片下载到本地使用. 腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二 function move(x, y) { if (document.all) { object1.style.pixelLeft += x; object1.style.pixelTop += y;} else if (document.layers) { document.object1.left += x; document.object1.top +=

  • js实现浮动在网页右侧的简洁QQ在线客服代码

    js实现浮动在网页右侧的简洁QQ在线客服代码

    本文实例讲述了js实现浮动在网页右侧的简洁QQ在线客服代码.分享给大家供大家参考.具体如下: 这是一个简洁版的QQ在线客服,其实重要的是这个JS函数,只要有了这个JS函数,实际上你完全可以写一个这样的在线客服,它是用JS+CSS去控制层的隐藏与展开.注意代码中的QQ号记着要改一下哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-float-qq-onlinefk-style-codes/ 具体代码如下: <!DOCTYPE html P

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

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

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

  • jQuery实现的网页右下角tab样式在线客服效果代码

    jQuery实现的网页右下角tab样式在线客服效果代码

    本文实例讲述了jQuery实现的网页右下角tab样式在线客服效果代码.分享给大家供大家参考,具体如下: 这是一款网页右下角tab样式的在线客服代码,若在火狐或chrome浏览器下,客服是带边框阴影的,IE8下好像没边框效果,整体不如在Chrome.火狐.Opera浏览器下.这款在线客服代码的底部使用了TAB选项卡的样式,鼠标点击可切换客服的内容,还是挺新颖的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-right-buttom

  • 左右悬浮可分组的网站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>左右悬浮可分组的网站

  • jQuery实现仿QQ在线客服效果的滚动层代码

    jQuery实现仿QQ在线客服效果的滚动层代码

    本文实例讲述了jQuery实现仿QQ在线客服效果的滚动层代码.分享给大家供大家参考.具体如下: 这是一款jQuery滚动层,可以做成仿QQ在线客服,虽然效果有点生硬,但水平就这么高了,弹出层是挺实用的,期待大家有新的改进. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-f-qq-online-style-scroll-style-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD

随机推荐