Как сделать так, чтобы изображение перемещалось в HTML? - PullRequest
Новая
       0

Как сделать так, чтобы изображение перемещалось в HTML?

2 голосов
/ 06 ноября 2011

Я знаю, я сумасшедший, учитывая, что я буквально изучаю HTML. Но я пытаюсь создать сайт для моего брата, и он действительно этого хочет. Пожалуйста, будьте очень внимательны с вашими ответами. Я использую эту функцию JQuery для увеличения и уменьшения изображения, поэтому, может быть, я могу использовать аналогичную вещь для этого?

Кстати, я бы хотел, чтобы изображение скользило в его положение, а не просто перемещалось во вспышке.

Спасибо!

1 Ответ

2 голосов
/ 06 ноября 2011

JQuery .animate () - это путь. Документация и примеры предоставляются на http://api.jquery.com/animate/

Вот демоверсия : 

<!DOCTYPE html>
<html>
<head>
  <style>
div {
  position:absolute;
  background-color:#abc;
  left:50px;
  width:90px;
  height:90px;
  margin:5px;
}
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button id="left">&laquo;</button> <button id="right">&raquo;</button>
<div class="block"></div>

<script>
$("#right").click(function(){
  $(".block").animate({"left": "+=50px"}, "slow");
});

$("#left").click(function(){
  $(".block").animate({"left": "-=50px"}, "slow");
});

</script>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...