发新话题
打印

给网站加一个浮动的客户在线助手

给网站加一个浮动的客户在线助手

代码如下:
复制内容到剪贴板
代码:

<div id="divStayTopleft" style="right:10px;POSITION:absolute;TOP:69px;">
<table width="109" height="188" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3"><a onClick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">
            <img height="34" src="images/qq_top.gif" width="109" usemap="#Map" border="0"></a></td>
   </tr>
<tr><td width="6" background="images/qq_life.gif"></td>
   <td><table width="96" height="100" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
      <tr><td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
      <tr><td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
      <tr>
        <td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
      <tr><td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
      <tr><td align="center"><a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a></td>
      </tr>
   </table></td>
   <td width="7" background="images/qq_right.gif"></td>
</tr>
<tr><td height="30" colspan="3">
            <img height="30" src="images/qq_bottom1.gif" width="109"></td>
</tr>
<tr><td colspan="3"><img height="33" src="images/qq_logo.gif" width="109"></td>
   </tr>
</table>
</div>
<script type="text/javascript">
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;  
}
var online= new Array();
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
    diffY = document.documentElement.scrollTop;
else if (document.body)
    diffY = document.body.scrollTop
else
    {/*Netscape stuff*/}
   
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("divStayTopLeft").style.top=parseInt(document.getElementById("divStayTopLeft").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);
</script>
请将以上代码中
复制内容到剪贴板
代码:
<a target=blank href=tencent://message/?uin=320133806&Site=嘉缘官方&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:320133806:10 alt="技术支持"></a>
里的“uin=320133806&Site=嘉缘官方”以及“p=1:320133806:10 alt="技术支持"”带下划线部分修改成你自己的相关内容,然后将完整的代码插入到网站页面代码的<body></body>里。
再将附件中的图片文件上传到网站空间里的images目录
这样一个浮动客服助手就可以出现在你的网站中了
赶快试试吧!

查看效果:http://demo.finereason.com
附件: 您所在的用户组无法下载或查看附件
嘉缘将与各位一起共同成长!

TOP

好东西

TOP

是放到每一个页面吗?

TOP

我只用53kf 不用别的

TOP

发新话题