<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <style type="text/css"> #flow{ LEFT: 10px; WIDTH: 200px; POSITION: absolute; TOP: 147px; HEIGHT: 163px; /*background-color: #EFEFEF;*/ /*background-color:#7EF030;*/ border: 1px none #000000; } </style> <body> <!--悬浮--> <div id="flow" onMouseOver="stop()" onMouseOut="start()"> <!--这里是内容--> <table width=90> <tbody> <tr> <td><IMG src="../images/logo1.png" border=0></td> </tr> <tr> <td> <div align=right><a onclick="stopAd()">关闭 </a></div> </td> </tr> </tbody> </table> </div> <!--------------------> <!--浮动飘窗代码--> <script type="text/javascript"> var xPos = 50; var yPos = 60; var step = 1; var delay =100; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var interval; flowE=document.getElementById("flow"); flowE.style.top = yPos+"px"; function changePos() { width = document.documentElement.clientWidth; height = document.documentElement.clientHeight; Hoffset = flowE.offsetHeight; Woffset = flowE.offsetWidth; flowE.style.left = (xPos + document.body.scrollLeft)+"px"; flowE.style.top = (yPos + document.body.scrollTop)+"px"; // ////////////////////////////////////////////////////////////////////////////// yon==0?yPos+=step:yPos-=step; xon==0?xPos-=step:xPos+=step; if(xPos>=(width-Woffset)){ xPos=(width-Woffset); xon=0; } else if(xPos<=0){ xPos=0; xon=1; } if(yPos>=(height-Hoffset)) { yPos = (height - Hoffset); yon=1; } else if(yPos<=0){ yPos =0; yon=0; } //////////////////////////////////////////////////////////////////////////////////////////////////////// } <!--关闭浮动飘窗--> function stopAd(){ flowE.style.display = 'none'; clearInterval(interval); } <!--这里是自己家的，点击底部的关闭，该div消失代码--> function start() {interval = setInterval('changePos()', delay); } function stop(){clearInterval(interval);} start(); </script> </body> </html>
自己一步一步走来，想周五怎么办呢？周五尴尬时刻啊！