【www.gdgbn.com--qq教程】




浮动条

 

<script>
var online= new array();
if (!document.layers)
document.write("")
</script>
 

 

       
               
       
        <script src="http://webpresence.qq.com/getonline?type=1&526793887:363607395:1576940:"></script>
       
               
                点击这里与晓风残月在线交流
               
       
       
               
                点击这里与晓风残月在线交流
               
       
       
               
                点击这里与晓风残月在线交流
               
       
       
               
       



<script type="text/网页特效">
var verticalpos="frombottom"
if (!document.layers)
document.write("")
function jsfx_floattopdiv()
{
下面的var startx =3是水平位置,350是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startx =3改为var startx =screen.width-150)即可(这行不用复制)
        var startx =screen.width-150,
        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.right=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>
 


企业网站加一个浮动qq在线客服效果,因为以前没做过,所以我第一时间想到的就是上网查找相关代码。本以为这种东西在网上会有一大堆,可搜索的结果让我很失望!网上找到的那些要么下载下来不能用,要么就是浏览器兼容性很差。不过值得庆幸的是,我还是找到了一个可用并且兼容性也挺好的例子;不过那个例子中的代码写的有点乱,可读性很差,不值得收藏。我仔细研究了一下里面的代码



    浮动qq在线客服代码,兼容各大浏览器---本代码由 音乐虫子 修改,欢迎大家下载使用!
   


   


   
       
           
               
               
                    在线客服
                   
                       
                            曾先生:
                           
                                点击这里与我通话或留言:qq号:914669642
                           
                       
                       
                            陈小姐:
                           
                                点击这里与我通话或留言:qq号:914669642
                           
                       
                   
               
               
           
       
   
   



<script type="text/javascript">
    var tips教程;
    var thetop = 180/*这是默认高度,越大越往下*/;
    var old = thetop;
    function initfloattips() {
        document.getelementbyid("divqqbox").style.display = "block";
        tips = document.getelementbyid("divqqbox");
        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;
        }
        old = pos;
        settimeout(movetips, tt);
    }
    initfloattips();
</script>

本文来源:http://www.gdgbn.com/bangongshuma/27312/