在另一个div中移动divsquare (无限循环)可以通过以下方式实现:
<div id="container">
<div id="divsquare"></div>
</div>
#container {
width: 500px;
height: 500px;
border: 1px solid black;
position: relative;
overflow: hidden;
}
#divsquare {
width: 50px;
height: 50px;
background-color: red;
position: absolute;
top: 0;
left: 0;
}
var container = document.getElementById("container");
var divsquare = document.getElementById("divsquare");
var position = 0;
setInterval(function() {
position += 10; // 每次移动的距离
divsquare.style.left = position + "px";
if (position >= container.offsetWidth) {
position = 0; // 当div移动到容器右侧时,重置位置到容器左侧
}
}, 100); // 每100毫秒移动一次
通过以上步骤,就可以实现在另一个div中移动divsquare,并且在到达容器右侧时循环回到容器左侧进行无限循环移动。
请注意,以上代码只是一个简单的示例,实际应用中可能需要根据具体需求进行适当的调整和优化。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云