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 49 50 51 52 53 54 55 56 57 |
<body> <script> var delta = 0.015; var collection; var closeB = false; 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()', 30); } } function play() { if (screen.width <= 800 || closeB) { for (var i = 0; i < collection.length; i++) { collection[i].object.style.display = 'none'; } return; } 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 = ''; } } function closeBanner() { closeB = true; return; } var theFloaters = new floaters(); // theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick = "closeBanner();"href = http: //www.panpan.org target=_blank><img src=ok.gif width=100 height=554 border=0></a><br> <br> <img src = close.gif onClick = "closeBanner();"> '); theFloaters.addItem('followDiv2 ',0,0,' <a onClick = "closeBanner();" href = http: //www.panpan.org target=_blank><img src=ok2.gif width=100 height=400 border=0 ></a><br> <br> <img src = close.gif title = 关闭 onClick = "closeBanner();"> '); theFloaters.play(); </script> </body> |
另一种实现方式
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="JBLStatic" style="position: absolute; width: 79; height:178; z-index: 25; left: 790; top: 50; background-color: #000000;background-repeat: repeat; background-attachment: scroll;layer-background-color: #000000; border: 1px none #000000;background-position: 0% 50%"> <p align="center"> <a href="javascript:" onclick="JBLStatic.style.visibility='hidden'; LBJStatic.style.visibility='hidden';" class="all">关@闭</a> <a name="duilian" id="duilian"></a> <a href="http://www.fightfly.com"> <img border="0" src="ok.gif"></a> </div> <div id="LBJStatic" style="position: absolute; width: 79; height: 178; z-index: 25; left: 29; top: 50; background-color: #000000;background-repeat: repeat; background-attachment: scroll;layer-background-color: #000000; border: 1px none #000000;background-position: 0% 50%"> <p align="center"> <a href="javascript:" onclick="JBLStatic.style.visibility='hidden'; LBJStatic.style.visibility='hidden'" class="all">关@闭</a> <a href="http://www.fightfly.com"> <img border="0" src="ok2.gif"></a> </div> |