右侧带分组和关闭按钮悬浮QQ客服代码

网页右侧带分组和关闭功能悬浮QQ在线客服,这个客服窗口跟随页面滚动显示,实用在线客服窗口js特效。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>中国沃柑看武鸣,广西农产品供求信息,www.64pc.com</title>
<meta name="keywords" content="沃柑,武鸣沃柑,中国沃柑看武鸣,农产品信息,农业资讯,农产品供求信息,广西农产品供求信息,www.64pc.com" />
<meta name="description" content="www.64pc.com,武鸣,沃柑之乡,中国沃柑看武鸣,本站有广西武鸣地区大量一手农产品供求信息,服务于广大武鸣老乡农民朋友,我爱你,我的家乡!各位呗哝需要发布农产品供求信息外嘀抖!" />
<style type="text/css">
.c1{
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#333333;
.c7{
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#000033;
}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,以质量为核心,以实用为目的,打造一流网页特效站!zzjs.net,站长js特效。<a href="http://www.64pc.com">中国沃柑看武鸣</a>。<hr>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,305686263@qq.com,用.net打造靓站。中国沃柑看武鸣,www.64pc.com-->
<script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script>
<div style="height:2000px;"></div>
<div id="www_zzjs_net" style="position:absolute;left:897px;top:79px;width:95px;height:319px;z-index:1;" class="c1">
  <table width="95" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="/img/qqs.gif" width="95" height="53" onClick="document.all.www_zzjs_net.style.display='none'" alt="点击关闭" style="cursor:hand;"></td>
    </tr>
  </table>
  <table width="95" height="188" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="188" valign="top" background="/img/qqbj.gif">
        <table width="83" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="23"><div align="center"><img src="/img/2_f_20100810.jpg" width="14" height="14"></div></td>
            <td height="22" class="c1">
              <div align="center" class="c7">
                <div align="left">售前咨询</div>
              </div>
            </td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td width="23"><div align="center"><img src="/img/2_f_20100810.jpg" width="14" height="14"></div></td>
            <td height="22" class="c1">
              <div align="center" class="c7">
                <div align="left">售后反馈</div>
              </div>
            </td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1"><a href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No%3E" target="_blank">在线客服</a></td>
          </tr>
          <tr>
            <td><div align="center"><img src="/img/qq.gif" width="16" height="16"></div></td>
            <td height="22" class="c1">
            <a target="_blank" href="http://wpa.qq.com/msgrd?V=1&Uin=305686263&Exe=QQ&Site=www.zzjs.net&Menu=No>">在线客服</a></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <table width="95" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="/img/qqx.gif" width="95" height="42"></td>
    </tr>
  </table>
</div>
<script language="JavaScript" type="text/JavaScript">
var verticalpos="frombottom"
if (!document.layers)
function JSFX_FloatTopDiv()
{//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    var startX =window.screen.width-123;
    startY = 550;
    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("www_zzjs_net");
    stayTopLeft();
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
JSFX_FloatTopDiv();
</script>
<map name="Map">
  <area shape="rect" coords="98,-2,108,10" href="#" onClick="document.all.www_zzjs_net.style.display='none'" alt="点击关闭">
</map>
</body>
</html>


本文作者:大陆

本文链接:http://www.zzjs.net/post/684.html

特别赞助:中国沃柑看武鸣 武鸣沃柑 广西农产品供求信息

上一篇:搜索框输入文字后自动匹配特效

发表评论