当前位置:首页 » 网站技术 » HTML & CSS

QQ在线服务浮动代码

...

很多网站都会需要使用QQ在线服务,以及时回答客户以及潜在用户的咨询,从而保护服务的高效快捷!一般在网站的两侧放置代码来实现,下面是图片预览:

下面是QQ在线服务浮动代码:

<div id="QQFloat" style="Z-INDEX:20;LEFT:893px;VISIBILITY:visible;WIDTH:111px;POSITION:absolute;TOP:150px;HEIGHT:300px;">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="24"><img src="images/qq/01.gif" width="111" height="24"></td>
  </tr>
  <tr>
    <td height="27"><img src="images/qq/03.gif" width="111" height="27"></td>
  </tr>
  <tr>
  <td valign="top" background="images/qq/04.gif">
  <table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td height="30" valign="middle">&nbsp;&nbsp;<img src="images/qq/qq_icon.gif" width="19" height="15" align="absmiddle" />
  <b>业务咨询</b></td>
  </tr>
  <tr valign="top">
   <td colspan="2">
   <table width="100%"  border="0">
   <tr>
    <td>&nbsp;<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=850261713&Site=www.zhisi.net&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:850261713:4 alt="给智思网管理员发信息" align="absmiddle" /></a>&nbsp;<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=850261713&Site=www.zhisi.net&Menu=yes title="<span class="fond">智思网客服</span></a></td>
   </tr>
   <tr><td style="height:50px;">&nbsp;</td></tr>
   </table>
   </td>
  </tr>
  </table></td>
 </tr>
 <tr>
  <td height="19"><img src="images/qq/05.gif" width="111" height="19"></td>
 </tr>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 150/*这是默认高度,越大越往下*/; var old = theTop;
function initFloatTips() {
  tips = document.getElementById('QQFloat');
  moveTips();
};
function moveTips() {
  var tt=50;
  if (window.innerHeight) {
    pos = window.pageYOffset
  }
  else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
  }
  else if (document.body) {
    pos = document.body.scrollTop;
  }
  pos=pos-tips.offsetTop+theTop;
  pos=tips.offsetTop+pos/10;
 
  if (pos < theTop) pos = theTop;
  if (pos != old) {
    tips.style.top = pos+"px";
    tt=10;
  //alert(tips.style.top);
  }
 
  old = pos;
  setTimeout(moveTips,tt);
}
//!]]>
initFloatTips();
</script>

点击下载代码包,里面含有图片!

继续阅读
浮动层代码兼容xhtml 测试可用
上下浮动广告代码 不兼容xhtml
为什么浮动广告代码没有效果
发表评论

昵称:
最新评论
暂时没有评论!