无忧站长 >

简单美观的QQ浮动悬挂客服务

2019-11-01 14:45:28　
CSS部分
-------------------------------------
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto;}
#divStayTopLeft {display:block; top:200px; left:0px; width:80px; position:fixed;text-align:left;background:#fff;}
* html #divStayTopLeft {position:absolute;}/*only for ie*/
html {overflow-x:auto; overflow-y:hidden;}
HTML部分
----------------------------------------------
<!--这里QQ开始 -->
<div id="divStayTopLeft">
<table cellspacing="0" cellpadding="0" width="80" border="0">
<tbody>
<tr>
<td width="80"><img src="images/kefu_up.gif" border="0" /></td>
</tr>
<tr>
<td valign="center" background="images/kefu_middle.gif"> <a target=blank href=tencent://message/?uin=50858745&Site=http://www.koweber.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:50858745:9 alt="点击这里给我发消息"></a></td>
</tr>
<tr>
<td valign="center" background="images/kefu_middle.gif"> <a target=blank href=tencent://message/?uin=342184034&Site=http://www.koweber.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:342184034:9 alt="点击这里给我发消息"></a></td>
</tr>
<tr>
<td width="80"><img src="images/kefu_down.gif" border="0" /></td>
</tr>
</tbody>
</table>
</div>