漂浮图片

<!-- 飘窗自动十秒关闭 -->

<script>  

  function tupian(){

        tuguanbi();       

}

window.setTimeout('tupian()',10000);

function tuguanbi(){    

document.getElementById('img1').style.display="none";

}

</script>

<!-- 飘窗自动十秒关闭 -->

<!-- 飘浮图片 --> <div id=img1 style="Z-INDEX:100; LEFT:2px; WIDTH:59px; POSITION:absolute; TOP:43px; HEIGHT:61px; visibility: visible;">   <div id="kai"><a href="javascript:close();"><font color="red">×关 闭</font></a></div>      <a href="" target="_blank"><img src="" width="230" height="80" id="tu1" alt="" /></a> </div>

<script language="javascript"> var xPos = 300; var yPos = 200; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img1.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img1.offsetHeight; Woffset = img1.offsetWidth; img1.style.left = xPos + document.body.scrollLeft; img1.style.top = yPos + document.body.scrollTop; if (yon)    {yPos = yPos + step;} else    {yPos = yPos - step;} if (yPos < 0)    {yon = 1;yPos = 0;} if (yPos >= (height - Hoffset))    {yon = 0;yPos = (height - Hoffset);} if (xon)    {xPos = xPos + step;} else    {xPos = xPos - step;} if (xPos < 0)    {xon = 1;xPos = 0;} if (xPos >= (width - Woffset))    {xon = 0;xPos = (width - Woffset);   } }

function start() { img1.visibility = "visible";    interval = setInterval('changePos()', delay); } function pause_resume() {    if(pause)    {     clearInterval(interval);     pause = false;}    else    {     interval = setInterval('changePos()',delay);     pause = true;     }    } img1.οnmοuseοver=function(){clearInterval(interval);} img1.οnmοuseοut=function(){interval=setInterval("changePos()", delay);}

start(); </script>

<!-- 飘浮图片 -->

 

<!--另一种漂浮-->

  <div id=img2 style="Z-INDEX:100; LEFT:2px; WIDTH:59px; POSITION:absolute; TOP:43px;HEIGHT:61px; visibility: visible;">

         <div id="kais"><a href="javascript:closes();"><font color="red">×关闭</font></a></div>   

        <a href="" target="_blank"><img src="" alt="" /></a>

  </div>

<script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("img2") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth; var B = document.body.clientHeight-obj.offsetHeight; obj.style.left = x + document.body.scrollLeft; obj.style.top = y + document.body.scrollTop; x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl= setInterval("float()", delay) obj.οnmοuseοver=function(){clearInterval(itl);} obj.οnmοuseοut=function(){itl=setInterval("float()", delay);} </script>

<!--另一种漂浮-->

转载于:https://www.cnblogs.com/sdp-dream/archive/2012/11/13/2767674.html