嘉缘官方论坛's Archiver

admin 发表于 2008-5-6 08:26

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

代码如下:[code]
<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>
[/code]请将以上代码中[code]<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>[/code]里的“uin=[u]320133806[/u]&Site=[u]嘉缘官方[/u]”以及“p=1:[u]320133806[/u]:10 alt="[u]技术支持[/u]"”带下划线部分修改成你自己的相关内容,然后将完整的代码插入到网站页面代码的<body></body>里。
再将附件中的图片文件上传到网站空间里的images目录
这样一个浮动客服助手就可以出现在你的网站中了
赶快试试吧!

查看效果:[url=http://demo.finereason.com/]http://demo.finereason.com[/url]

水山小村 发表于 2008-5-6 09:27

好东西

yquan 发表于 2008-5-15 03:01

是放到每一个页面吗?

职业杀手 发表于 2008-5-28 11:12

我只用53kf 不用别的

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.