页面飘浮图片

    技术2022-05-11  63

    <div id="pf" style="position:absolute; left:297px; top:114px; width:100px; height:100px; z-index:1"> <a href="www.baidu.com" target="_blank"><img src="img/pic.gif" width="100" height="100" border="0"></a> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var xPos = 20; var yPos = document.body.clientHeight; 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; pf.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = pf.offsetHeight; Woffset = pf.offsetWidth; pf.style.left = xPos + document.body.scrollLeft; pf.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() { pf.visibility = "visible"; interval = setInterval('changePos()', delay); } function pause_resume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true;    } } start(); //  End --> </script>  

    最新回复(0)