漂浮的移动广告 碰到边框改变移动路径
来源:互联网 发布:js获取class元素 编辑:程序博客网 时间:2024/05/21 14:42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></HEAD><SCRIPT language=JavaScript> var xPos = 20; var yPos = 10; var step = 1; var delay = 4; var width,height,Hoffset,Woffset; var y = 1; var x = 1; var interval; var imgt;function changePos() { width = document.body.clientWidth;//取得浏览器的宽度 height = document.body.clientHeight;//取得浏览器的高度 Hoffset = imgt.offsetHeight;//取得当前元素(传进来的参数)的高度 Woffset = imgt.offsetWidth;// 取出左边的宽带的宽度 if (y) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { y = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { y = 0; yPos = (height - Hoffset); } if (x) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { x = 1; xPos = 0; } if (xPos >= (width - Woffset)) { x = 0; xPos = (width - Woffset); } imgt.style.left = xPos ; imgt.style.top = yPos ; } function start() { imgt=document.getElementById("imgt"); imgt.style.left= xPos; imgt.style.top = yPos; imgt.visibility = "visible"; interval = setInterval('changePos()', delay); } function pause_resume() { clearInterval(interval); } </SCRIPT> <BODY onload="start();"><div id="imgt" style="position:absolute;background-color:red;">asdfsf</div></BODY></HTML>