为什么这不起作用?这应该是使箭头从左到右然后再回到左等等的动画,但这是行不通的。这是为什么?
function moveRight(){
$('#myIcon').animate({left: "+=50"}, 1000, function(){
$('#myIcon').animate({left: "-=50"}, 1000, moveRight)
})
}
moveRight();
a{
text-decoration: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="btn btn-danger btn-lg">
<span id="myIcon">←</span> Go Back
</a>
最佳答案
给图标添加样式position:absolute
function moveRight(){
$('#myIcon').animate({left: "+=50"}, 1000, function(){
$('#myIcon').animate({left: "-=50"}, 1000, moveRight)
})
}
moveRight();
a{
text-decoration: none;
}
#myIcon{
position:absolute;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="btn btn-danger btn-lg">
<span id="myIcon">←</span> Go Back
</a>
关于javascript - Jquery 动画从左到右不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44385401/