网站右侧滑动客服代码,真正可以用的网站右侧滑动QQ客服代码。
为株洲做网站的客户服务中,网站右侧滑动客服代码是网站经常会需要的功能,但是株洲网络公司发现,网上提供的所谓QQ随滑动条滚动的对话框都是不能用的。所以也会出现“我网站上的在线客服,为什么滑动一下就没有了呢”相关问题。下面株洲网络公司经过亲自测试、调试,终于可以实现网站右侧滑动客服代码,并且代码相当简练。并且在IE6、IE7、火狐浏览器都测试通过。
这里有一个已经做好的测试页面〝网站右侧滑动客服代码测试页面〞,如果你觉得是你想要的效果,请复制下面的代码就可以,但需要注意,代码必须放在网页代码的<body>与</body>之间才能成功运行。
<div style="position:absolute;left:30px;" id="ad"><div>
<div style="background: url(http://www.sanyuan163.com.com/images/fudong.gif) no-repeat top left; width: 114px; height: 110px; color: #fff; padding-top: 25px; line-height: 1em"><strong style="padding-left: 40px; font-size:12px">在线咨询:</strong><div style="margin-left: 13px; margin-top: 20px">
<a target=blank href=tencent://message/?uin=781708175&Site=株洲广告公司&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:781708175:10 alt="点击这里给我发消息"></a><br /><br />
<a target=blank href=tencent://message/?uin=110069605&Site=株洲网络公司&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:110069605:10 alt="点击这里给我发消息"></a>
</div></div>
</div></div>
<script language="JavaScript" type="text/javascript">
//这一行写了这个DIV是绝对定位,最好再加一下z-index;边框为1px的实线黑色边;距右边有0PX; ID=AD;
function rightBottomAd(){
var abc = document.getElementById("ad");
abc.style.top = document.documentElement.scrollTop+document.documentElement.clientHeight-326+"px";//326是这个层距离底部的高度;
setTimeout(function(){rightBottomAd();},50);
}
rightBottomAd();
</script>
|
绿色部分换上自己的QQ代码就可以,在这里可以自动生成QQ代码。
其中1em是调整两个QQ之间行距离倍数的,自己试着调整下就知道,其他的细节说明在注释里都有,这里把网站右侧滑动客服代码总结出来,就是为了节约大家的时间,不要为了找一个网站右侧滑动客服代码并且调试而浪费宝贵的时间。