请问下,tooltipPosition: [
{ top: 50, left: 50 },
{ top: 50, left: 150 },
{ top: 150, left: 150 },
{ top: 50, left: 50 }
]
怎么让一个div的position按照这个数组里面的来循环移动@xcLeigh
怎么动态控制移动,让来回循环移动
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- piaoyiren 2022-07-11 15:30关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ /* margin-top: 3px; */ /* margin-bottom: 3px; */ height: 100px; width:100px; border-radius: 10px; background-color: green; /* line-height:center; */ position: absolute; display: block; } </style> <script type="text/javascript"> window.onload=function(){ var btn=document.getElementById("btn"); // var div1=document.getElementById("div1"); } var tops=50,lefts=50; var tooltipPosition=[ { top: 50, left: 50 }, { top: 50, left: 150 }, { top: 150, left: 150 }, { top: 50, left: 50 } ] function move(){ var div1=document.getElementById("div1"); for(var i=0;i<4;i++){ div1.style.top= tooltipPosition[i]["top"]+"px"; div1.style.left=tooltipPosition[i]["left"]+"px"; if(i==3){ i=0; } debugger; } } </script> </head> <body> <button id="btn" onclick="move()">移动</button><br> <div id="div1"> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 请问为什么我配置IPsec后PC1 ping不通 PC2,抓包出来数据包也并没有被加密
- ¥200 求博主教我搞定neo4j简易问答系统,有偿
- ¥15 nginx的使用与作用
- ¥100 关于#VijeoCitect#的问题,如何解决?(标签-ar|关键词-数据类型)
- ¥15 一个矿井排水监控系统的plc梯形图,求各程序段都是什么意思
- ¥15 ensp路由器启动不了一直报#
- ¥50 安卓10如何在没有root权限的情况下设置开机自动启动指定app?
- ¥15 ats2837 spi2从机的代码
- ¥200 wsl2 vllm qwen1.5部署问题
- ¥100 有偿求数字经济对经贸的影响机制的一个数学模型,弄不出来已经快要碎掉了