给网站加一个浮动的客户在线助手
代码如下:[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] 好东西 是放到每一个页面吗? 我只用53kf 不用别的
页:
[1]