1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<head> </head> <body> <script> var left_img = '<a target=_blank href="http://www"><img src=http://www.baidu.com/img/baidu_sylogo1.gif border=0></a>'; var right_img = '<a target=_blank href="http://www"><img src=http://www.baidu.com/img/baidu_sylogo1.gif border=0></a>'; var delta = 0.05 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) + ';top:' + (typeof(y) == 'string' ? eval(y) : y) + '">' + 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); if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) { var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta; dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx)); followObj.style.left = followObj.offsetLeft + dx; } if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) { var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta; dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy)); followObj.style.top = followObj.offsetTop + dy; } followObj.style.display = ''; } } var theFloaters = new floaters(); theFloaters.addItem('followDiv1', 'document.body.clientWidth-106', 100, '' + right_img + ''); theFloaters.addItem('followDiv2', 6, 100, '' + left_img + ''); theFloaters.play(); </script> </body> |