共享一个固定悬浮于浏览器右侧QQ在线浮动客服（菜鸟站长必看）

泥鳅 · 发表于 2011-12-13 13:24:49

js网上copy的，这个还不错，浏览器基本支持的，以前的gg浏览器无法选中QQ...这个是展开的，自己做个样式即可，很简单...

function scrollx(p){
var d = document,dd = d.documentElement,db = d.body,w = window,o = d.getElementById(p.id),ie6 = /msie 6/i.test(navigator.userAgent),style,timer;
if(o){
o.style.cssText +=";position:"+(p.f&&!ie6?'fixed':'absolute')+";"+(p.l==undefined?'right:0;':'right:'+p.l+'px;')+(p.t!=undefined?'top:'+p.t+'px':'bottom:0');
if(p.f&&ie6){
o.style.cssText +=';right:expression(documentElement.scrollright + '+(p.l==undefined?dd.clientWidth-o.offsetWidth:p.l)+' + "px");top:expression(documentElement.scrollTop +'+(p.t==undefined?dd.clientHeight-o.offsetHeight:p.t)+'+ "px" );';
dd.style.cssText +=';background-image: url(about:blank);background-attachment:fixed;';
}else{
if(!p.f){
w.onresize = w.**croll = function(){
clearInterval(timer);
timer = setInterval(function(){
//双选择为了修复chrome 下xhtml解析时dd.scrollTop为 0
var st = (dd.scrollTop||db.scrollTop),c;
c = st - o.offsetTop + (p.t!=undefined?p.tw.innerHeight||dd.clientHeight)-o.offsetHeight);
if(c!=0){
o.style.top = o.offsetTop + Math.ceil(Math.abs(c)/10)*(c<0?-1:1) + 'px';
}else{
clearInterval(timer);
}
},10)
}
}
}
}
}
scrollx({
id:'aa'
})
scrollx({
id:'bb',
l:0,
t:129,
f:1
})
/*
id 你要滚动的内容的id
l 横坐标的位置不写为紧贴右边
t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边
f 1表示固定不写或者0表示滚动
*/

复制代码
共享一个在线浮动客服，固定悬浮于浏览器右侧。
左右可以替换下代码中的right→left即可。
t:129, 距浏览器顶部距离...
呵呵，样式自己ps一个套进去就OK了...同时可以添加其他按钮，例如：返回顶部，购物车....

天外飘仙 · 发表于 2011-12-13 14:14:11

发帖的时候注意一下，代码部分可用一下引号 “” ，否则可能部分代码就被自动识别成表情图片了

泥鳅 · 发表于 2011-12-13 18:42:04

哦！！！明白I

沙漏 · 发表于 2012-3-31 09:40:33

我是菜鸟不懂不过还是谢谢分享！我可以试试

灰色雨季 · 发表于 2012-4-12 22:19:27

谢谢分享了啊

光明使者 · 发表于 2012-5-4 16:52:55

;P看不懂，呵呵

90宝宝 · 发表于 2012-5-29 08:59:31

虽然我看不懂但是好像是好东西哈哈

90宝宝 · 发表于 2012-6-2 09:40:56

怎么没人顶？我觉得挺好的啊

迅腾网络 · 发表于 2012-9-17 12:14:13

楼主写的挺详细明白易懂支持下！

		自动登录	找回密码
密码			立即注册

[分享] 共享一个固定悬浮于浏览器右侧QQ在线浮动客服（菜鸟站长必看）