Question

我知道，我很疯狂，因为我只是在学习HTML。但我试图为我的兄弟设计一个网站，他真的想要这个。请回复你的方向。我正在使用这个JQuery的东西淡入淡出图片，所以也许我可以使用类似的东西来做这个？

顺便说一句，我希望图像能够滑动到它的位置，而不仅仅是快速移动。

谢谢！

Answer 1

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>

如何使图像在HTML中移动位置？

1 个答案: