<div id="img" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
<a href="#" ></a><br><span class="reset" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭 X</span>
</div>
<script type="text/javascript">
var xPos=300;
var yPos=200;
var step=1;
var delay=16;
var height=0;
var Hoffset=0;
var Woffset=0;
var yon=0;
var xon=0;
var pause=false;
var interval;
changePos("img") ;
function changePos(objName)
{
var thediv=document.getElementById(objName);
thediv.style.position="absolute";
thediv.style.left=parseInt(window.screen.availWidth*Math.random()) + "px";
thediv.style.top=parseInt(window.screen.availHeight*Math.random()) + "px";
thediv.setAttribute("xDir",1);
thediv.setAttribute("yDir",1);
window.setInterval("randPosition(" + objName + ")","18","JavaScript");
}
function randPosition(obj)
{
var x=parseInt(obj.style.left);
if(x>=1500)
obj.setAttribute("xDir",-1);
if(x<=0)
obj.setAttribute("xDir",1);
x+=parseInt(obj.getAttribute("xDir"));
var y=parseInt(obj.style.top);
if(y>=700)
obj.setAttribute("yDir",-1);
if(y<=0)
obj.setAttribute("yDir",1);
y+=parseInt(obj.getAttribute("yDir"));
obj.style.left=x +"px";
obj.style.top =y +"px";
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script >
鼠标指向漂浮中的图片后,图片静止,怎么加静止代码?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- Go 旅城通票 2017-09-18 09:05关注
<div id="img" style="position: absolute; left: 2px; top: 43px;visibility :visible;" onmouseover="clearInterval(interval)" onmouseout="start()" align="middle"> <a href="#"></a><br><span class="reset" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭 X</span> </div> <script type="text/javascript"> var xPos = 300; var yPos = 200; var step = 1; var delay = 1000; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = false; var interval; changePos("img"); function changePos(objName) { var thediv = document.getElementById(objName); thediv.style.position = "absolute"; thediv.style.left = parseInt(window.screen.availWidth * Math.random()) + "px"; thediv.style.top = parseInt(window.screen.availHeight * Math.random()) + "px"; thediv.setAttribute("xDir", 1); thediv.setAttribute("yDir", 1); //不要这句,要不没次执行都会起动新计时器了 //interval = window.setInterval("randPosition('" + objName + "')", "18", "JavaScript"); } function randPosition(obj) { var x = parseInt(obj.style.left); if (x >= 1500) obj.setAttribute("xDir", -1); if (x <= 0) obj.setAttribute("xDir", 1); x += parseInt(obj.getAttribute("xDir")); var y = parseInt(obj.style.top); if (y >= 700) obj.setAttribute("yDir", -1); if (y <= 0) obj.setAttribute("yDir", 1); y += parseInt(obj.getAttribute("yDir")); obj.style.left = x + "px"; obj.style.top = y + "px"; } function start() { img.style.visibility = "visible"; interval = setInterval('changePos("img")', delay); } start(); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 MapReduce结果输出到HBase,一直连接不上MySQL
- ¥15 扩散模型sd.webui使用时报错“Nonetype”
- ¥15 stm32流水灯+呼吸灯+外部中断按键
- ¥15 将二维数组,按照假设的规定,如0/1/0 == "4",把对应列位置写成一个字符并打印输出该字符
- ¥15 NX MCD仿真与博途通讯不了啥情况
- ¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
- ¥15 gradio的web端页面格式不对的问题
- ¥15 求大家看看Nonce如何配置
- ¥15 Matlab怎么求解含参的二重积分?
- ¥15 苹果手机突然连不上wifi了?