Я получил мой код:Как настроить целевой элемент CSS в javascript?
$(document).ready(function() {
$('#topznav ul li').click(function() {
$('#topznav').animate({
marginLeft: '10px'
}, 400);
});
});
у меня есть вопрос о второй строке. Это не сработает. Я имею в виду, что ничто действительно не оживляет. Файл сценария загружен правильно, потому что работают другие функции. Что я здесь делаю неправильно?
попробовать это:
$(document).ready(function() {
$('#topznav ul li').click(function() {
$('#topznav').animate({
marginLeft: '+=10px'
}, 400);
});
});
Вот я отправляю, что я получил
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#topznav ul li').click(function() {
$('#topznav').animate({
marginLeft: '+=10px'
}, 400);
});
});
</script>
</head>
<body>
<div id="topznav">
<ul >
<li>
<a href="javascript:void(0);">test1</a>
</li>
<li>
<a href="javascript:void(0);">test2</a>
</li>
<li>
<a href="javascript:void(0);">test3</a>
</li>
</ul>
</div>
</body>
</html>
Это прекрасно работает
Анимирование поля может быть сложно иногда. Попробуйте использовать другую анимацию, чтобы проверить, работает ли она, например, fade. – jackJoe