首页 > 图片特效 / 站长常用 / > js随页面上下滑动的在线客服

js随页面上下滑动的在线客服

点击: 4783 , 发布日期: 2012-1-16
js随页面上下滑动的在线客服

js随页面上下滑动的在线客服

JS制作的在线客服框,随着页面的滚动弹性的上下滑动的效果展示。是最常见也是最方便的在线客服功能。

JS代码如下:

lastscrolly=0;
function heartbeat(){ 
var diffy=0;
if (document.documentelement && document.documentelement.scrolltop)
 diffy = document.documentelement.scrolltop;
else if (document.body)
 diffy = document.body.scrolltop
else
    {/*netscape stuff*/}
 
//alert(diffy);
percent=0.1*(diffy-lastscrolly); 
if(percent>0)
	{percent=math.ceil(percent); }
else 
	{percent=math.floor(percent); }
document.getelementbyid("lovexin12").style.top=parseint(document.getelementbyid("lovexin12").style.top)+percent+"px";

lastscrolly=lastscrolly+percent; 

//alert(lastscrolly);
}
suspendcode12="<div id=\"lovexin12\" style='right:10px;position:absolute;top:265px;; width:118px; '><div><img src=\"qq_top.gif\" onclick='clearsd();' /></div><div style='background:url(qq_mid.gif) repeat-y 0px 0px;text-align:center' ><a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=156227264&site=qq&menu=yes'><img border='0' src='http://wpa.qq.com/pa?p=2:156227264:41 &r=0.7624808083321157' alt='点击这里给我发消息' title='点击这里给我发消息'></a></div><div><img src=\"qq_bottom.gif\" /></div></div>"

document.write(suspendcode12); 
 
var sd=window.setinterval("heartbeat()",1);
function clearsd()
{
	window.clearinterval("sd");
	document.getelementbyid("lovexin12").style.display='none';

	}

 

关键词: 在线客服 qq客服

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论