div每点击一次 向右移动200px(带DOM动画过渡)
时间: 2023-08-18 15:09:25 浏览: 81
好的,可以使用jQuery来实现这个效果。可以尝试以下代码:
```javascript
$(document).ready(function() {
var distance = 200; // 设置移动的距离
var duration = 500; // 设置动画过渡的时间
// 当点击 div 元素时触发动画效果
$('div').click(function() {
$(this).animate({left: '+=' + distance}, duration);
});
});
```
在上面的代码中,我们首先定义了移动的距离和动画过渡的时间。然后,我们使用 jQuery 的 `click` 事件来监听 div 元素的点击事件。当 div 被点击时,我们使用 `animate()` 方法来移动 div 元素的位置。其中,`left` 属性表示元素的左边距离,`+=` 表示向右移动,`distance` 表示移动的距离,`duration` 表示动画过渡的时间。
希望这个代码能够满足你的需求!
阅读全文