js对联

//我呕心沥血一天半 终于搞明白了！！！！！！！！

//做网站的过程中逐渐学会了  学习 。

//虽然过程很累，但是结果很甜蜜。

js代码

下面的红色 部分就是咱们要修改的内容：一些常用的标签都可以。

绿色 的部分就是位置  6   80    距离左边6px   80  距离上边80px

如果你想在网页上用那粘过去就可以，但是要想在母版页中使用，就要注意了，很容易出错。幸好我已经修改好了。

如果还发现错误，欢迎留言，或者加我QQ1140914704

var delta=0.08
    var collection;
    function floaters() {
        this.items    = [];
        this.addItem = function(id, x, y, content)
        {
                    document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+'px;top:'+(typeof(y)=='string'?eval(y):y)+'px" >'+content+'</DIV>');
                   
                    var newItem                = {};
                    newItem.object            = document.getElementById(id);
                    newItem.x                = x;
                    newItem.y                = y;

                    this.items[this.items.length]        = newItem;
                  }
        this.play    = function()
                  {
                    collection                = this.items
                    setInterval('play()',10);
                  }
        }
        function play() {

            for (var i = 0; i < collection.length; i++) {
                var followObj = collection[i].object;
                var followObj_x = (typeof (collection[i].x) == 'string' ? eval(collection[i].x) : collection[i].x);
                var followObj_y = (typeof (collection[i].y) == 'string' ? eval(collection[i].y) : collection[i].y);
                //我的修改    ie 与 ff 的区别  搞了我两天

                //function getAbsoluteOffsetLeft(obj) {                       *****
                //var x = obj.offsetLeft;                                     *****
                //while (obj = obj.offsetParent) x += obj.offsetLeft;         *****
                //if(isIE)                                                    *****网上的一种方法
                //{                                                           *****
                //return x;                                                   *****
                //}else{                                                      *****
                //return x+”px”;                                            *****
                //}                                                           *****
                //} 
                //判断分析 ie  和 Firefox
//                var sUserAgent = navigator.userAgent;
//                var isOpera = sUserAgent.indexOf("Opera") > -1;
//                var isIE = sUserAgent.indexOf("compatible") > -1 && sUserAgent.indexOf("MSIE") > -1 && !isOpera;


//                var myoffsetLeft = followObj.offsetLeft;
//                if (isIE)
//                    myoffsetLeft = myoffsetLeft;
//                else
//                    myoffsetLeft = myoffsetLeft + "px";



                if (followObj.offsetLeft != (document.documentElement.scrollLeft + followObj_x)) {//if(followObj.offsetTop!=(document.body.scrollTop+followObj_y))  这是ie下的
                                                                                                 //if (followObj.offsetLeft != (document.documentElement.scrollLeft + followObj_x))   这是都可以的
                    var dx = (document.documentElement.scrollLeft + followObj_x - followObj.offsetLeft) * delta;
                    dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
                    followObj.style.left=followObj.offsetLeft+dx+"px";//没有加上px   Firefox就不可以
                    }

                    if (followObj.offsetTop != (document.documentElement.scrollTop + followObj_y)) {
                        var dy = (document.documentElement.scrollTop + followObj_y - followObj.offsetTop) * delta;
                        dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy));
                        var dd = 100;
                        followObj.style.top = followObj.offsetTop + dy + "px"; //
                    }
                followObj.style.display    = '';
            }
        }   
       
    var theFloaters        = new floaters();
    //右面
    theFloaters.addItem('followDiv1', 'document.body.clientWidth-106 ', 80 , '<img src="images/shool01.gif"/> '); //可以修改这里<img src="images/shool01.gif"/>
    //左面
    theFloaters.addItem('followDiv2', 6 , 80 , '<img src="images/shool02.gif"/> '); //可以修改这里<img src="images/shool01.gif"/>随便修改
    theFloaters.play();