您可以使用相对定位(relative positioning)来实现这个效果。相对定位是一种相对于元素自身原来位置进行定位的方式,可以通过设置元素的left属性来实现水平移动。
具体步骤如下:
.element {
position: relative;
}
function moveElement() {
var element = document.querySelector('.element');
var currentLeft = parseInt(element.style.left) || 0;
element.style.left = (currentLeft + 10) + 'px';
}
在上述代码中,我们首先获取到要移动的元素(假设其类名为"element"),然后获取到当前的left值,并将其转换为整数。如果元素的left属性没有设置过,则默认为0。接着,我们将当前的left值加上10,并将结果赋值给元素的left属性,实现水平移动。
moveElement();
这样,您就可以在不直接使用具体坐标的情况下,通过改变元素的left属性来实现每次调用函数时的水平移动。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云