css 如何移动块的位置,每次点击100px?[duplicate]

0qx6xfy6  于 2023-01-18  发布在  其他
关注(0)|答案(1)|浏览(160)
    • 此问题在此处已有答案**:

JavaScript move object by button by X px(2个答案)
昨天关门了。
我需要帮助解决以下问题。任务是改变块的位置100像素与每点击。
例如,块的第一个位置是0像素。如果单击一次,则块沿X轴的位置将更改100像素。如果单击第二次,则块的位置将再更改100像素(总共200像素)(从左边缘开始),依此类推。
但是块的位置应该被限制在800像素,也就是说,只有可能点击8次。

<div class='box'></div>
3duebb1j

3duebb1j1#

您可以将当前位置存储在javascript中,然后设置onClick函数来更新position变量(pos+=100; pos=Math.min(pos,800))并设置框的新位置。

相关问题