容器内的一系列div。如果点击按钮,火车应该移动。
<script>
$('document').ready(function(){
$("button").click(function(){
$("#train").animate({left: "300px"}, 2000);
});
});
</script>
你的 #train
可能需要绝对定位。请考虑下面的例子。
$(function() {
$("button").click(function() {
$("#train").animate({
left: "300px"
}, 2000);
});
});
#train {
width: 100px;
height: 30px;
border: 1px solid #222;
border-radius: 6px;
background: #ccc;
position: absolute;
padding-top: 8px;
text-align: center;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Go</button>
<div id="train">Train</div>