firefox和ie都支持的QQ客服

Question

firefox和ie都支持的QQ客服代码，最好还能随滚动条上下滚动

Answer 1

<SCRIPT>
var online= new Array();
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</SCRIPT>
<LAYER id=divStayTopLeft>
<TABLE cellSpacing=0 cellPadding=0 width=110 border=0>
<TBODY>
<TR>
<TD width=110><IMG src="http://www.dns333.com/kefu_up.gif" border=0></TD></TR>
<SCRIPT src="http://webpresence.qq.com/getonline?Type=1&amp;80888:853846:"></SCRIPT><TR>
<TD vAlign=center background=http://www.dns333.com/kefu_middle.gif>
<SCRIPT>
if (online[0]==0)
document.write("&nbsp;&nbsp;<img src=http://www.dns333.com/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=80888&Site=在线咨询&Menu=no' title='客服不在线，请留言'>80888</a>");
else
document.write("&nbsp;&nbsp;<img src=http://www.dns333.com/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=80888&Site=在线咨询&Menu=no' title='在线即时交谈'>80888</a>");
</SCRIPT>
</TD></TR>
<TR>
<TD vAlign=center background=http://www.dns333.com/kefu_middle.gif>
<SCRIPT>
if (online[1]==0)
document.write("&nbsp;&nbsp;<img src=http://www.dns333.com/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=853846&Site=在线咨询&Menu=no' title='客服不在线，请留言'>853846</a>");
else
document.write("&nbsp;&nbsp;<img src=http://www.dns333.com/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=853846&Site=在线咨询&Menu=no' title='在线即时交谈'>853846</a>");
</SCRIPT>
</TD></TR>
<TR>
<TD width=110><IMG src="http://www.dns333.com/kefu_down.gif" border=0></TD></TR></TBODY></TABLE></LAYER>
<SCRIPT type=text/javascript>
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
 var startX =0,
 startY = 350;
 var ns = (navigator.appName.indexOf("Netscape") != -1);
 var d = document;
 function ml(id)
 {
  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x;this.style.top=y;};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function()
 {
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : document.body.scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("divStayTopLeft");
 stayTopLeft();
}
JSFX_FloatTopDiv();
</SCRIPT>

Answer 2

我刚用过的，可以参考一下<!--浮动QQ客服代码开始 -->
<DIV id=STATICMENU 
     style="Z-INDEX: 999; LEFT: 88%; VISIBILITY: visible; WIDTH: 106px; POSITION: absolute; TOP: 100px; HEIGHT: 193px; ">
  <table width="106" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td colspan="3"  >
  <img src="images/QQ_3.gif" width="106" height="71" border="0" usemap="#MapForQQ"></td>
      </tr>
  
  <tr>
      <td width="4" height="78" background="images/QQ_8.gif" >
  </td>
  
      <td width="98" align="center">
     <table width="100%" cellspacing="0" cellpadding="3">
          <tr>
          <td width="36%" align="center">
  <img src="images/QQ.gif" width="16" height="17" ></td>
          <td width="64%">
  <a href="http://wpa.qq.com/msgrd?V=1&Uin=862392806&Site=www.sdxiuqiang.com&Menu=No" target="_blank">业务咨询</a>
  </td>
        </tr>
          <tr>
          <td align="center">
  <img src="images/QQ.gif" width="16" height="17"></td>
          <td><a href="http://wpa.qq.com/msgrd?V=1&Uin=862392806&Site=www.sdxiuqiang.com&Menu=No" target="_blank">业务咨询</a></td>
        </tr>
          <tr>
          <td align="center">
  <img src="images/QQ.gif" width="16" height="17"></td>
          <td><a href="http://wpa.qq.com/msgrd?V=1&Uin=862392806&Site=www.sdxiuqiang.com&Menu=No" target="_blank">技术服务</a></td>
        </tr>
          <tr>
          <td align="center"><img src="images/QQ.gif" width="16" height="17"></td>
          <td><a href="http://wpa.qq.com/msgrd?V=1&Uin=862392806&Site=www.sdxiuqiang.com&Menu=No" target="_blank">意见反馈</a></td>
        </tr>
         </table>
  </td>
      <td width="4" background="images/QQ_7.gif">
  </td>
     </tr>
 
      <tr>
      <td colspan="3">
  <img src="images/QQ_12.gif" width="106" height="44">
  </td>
    </tr>
  </table>
  <SCRIPT>
<!--
var stmnGAP1 = 0; 
var stmnGAP2 = 300; 
/* stmnGAP2小时，距离顶部的距离在stmnGAP2与stmnGAP1之间，stmnGAP2为离相对顶部的最小距离，stmnGAP1离相对顶部最大距离，开始时为stmnGAP1，往下滚动，最后会变为stmnGAP2，stmnGAP2比stmnGAP1大时，stmnGAP1不起作用，stmnGAP2为距离相对顶部距离 */
var stmnBASE = 0; //设定浮动块的初始位置,相对距离
var stmnActivateSpeed = 200;//启动速度
var stmnScrollSpeed = 10;//浮动速度
var stmnTimer;//setTimeout句柄function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) 
stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
                stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
            RefreshStaticMenu();
//-->
  </SCRIPT>
  <SCRIPT>
function  closeQQ(){
STATICMENU.style.display='none';
}
  </SCRIPT>
</DIV>
<map name="MapForQQ">
  <area shape="circle" coords="89,10,11" href="javascript:closeQQ();">
</map>
<!--浮动QQ客服代码结束 -->