<head>
<style>
div {
position:absolute;
background-color:#abc;
left:100px;
width:90px;
height:90px;
margin:15px;
right:15px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="left">«</button>
<button id="right">»</button>
<div class="block"></div>
<script>
$("#right").click(function () {
$(".block").animate({
"left": "+=50px"
}, "slow");
});
$("#left").click(function () {
$(".block").animate({
"left": "-=50px"
}, "slow");
});
</script>
</body>
Вопрос, который у меня возникает, это значение "left" в $ (". Block"). Animate ({"left": "- = 50px"}, "slow"); Я изменил на «право» в обоих случаях, теперь блок не двигается и не анимируется. Кажется, что он работает, только когда «ушел».