gpt4 book ai didi

javascript - jQuery - 每次点击时将图像向左移动

转载 作者:太空宇宙 更新时间:2023-11-04 04:01:44 27 4
gpt4 key购买 nike

以下代码无法以两种方式工作。每次单击后它都没有像它应该的那样向左移动(我是否正确声明了position:relative?),并且左侧动画的延迟为 1 秒,但淡入淡出效果只能设置为 100。但是,淡入淡出也需要 1000 。在此先感谢,这是我的代码:

<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>

最佳答案

"left"css 属性仅适用于非静态定位的元素。所以请检查这个 - 添加相对于您的第一张图片的样式位置:

<img src="image1.jpg" id="a1" style="position:relative" />

演示:http://jsfiddle.net/57nZp/

关于javascript - jQuery - 每次点击时将图像向左移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21964678/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com