Javascript jQuery-每次单击都将图像移动到左侧
下面的代码在两个方面不起作用。它并没有像应该的那样在每次单击后向左移动（我是否正确地声明了位置：relative？），并且左侧动画的延迟为1秒，但淡入淡出效果应仅设置为100。然而，褪色也需要1000次。提前感谢，以下是我的代码：Javascript jQuery-每次单击都将图像移动到左侧,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面的代码在两个方面不起作用。它并没有像应该的那样在每次单击后向左移动（我是否正确地声明了位置：relative？），并且左侧动画的延迟为1秒，但淡入淡出效果应仅设置为100。然而，褪色也需要1000次。提前感谢，以下是我的代码： <html> <center> <img src="image1.jpg" id="a1"></img> <br> <h1>it worked.</h1>
<html>
<center>
<img src="image1.jpg" id="a1"></img>
<br>
<h1>it worked.</h1>
<br>
<img src="image2.jpg" width="500" height="500" id="a2" style="position:relative"></img>
</center>
</html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
var x = .99;
$(document).ready(function () {
$("h1").hide();
$("#a2").click(function () {
if (x > .15) {
x -= .1
$("#a1").animate({
"left": "+=1000px"
}, 1000);
$("#a1").fadeTo(100, x);
} else {
$("h1").show(10);
}
});
});
</script>
成功了。
var x=.99；
$（文档）.ready（函数（）{
$（“h1”）.hide（）；
$（“#a2”）。单击（函数（）{
如果（x>0.15）{
x-=0.1
$（“#a1”）。设置动画({
“左”：“+=1000px”
}, 1000);
$（#a1”）.fadeTo（100，x）；
}否则{
$（“h1”）。显示（10）；
}
});
});
<img src="image1.jpg" id="a1" style="position:relative" />
演示：没有