我的jQuery動畫方法有什麼問題？

我只是將圖像製作成從左到右和從右到左的動畫？爲什麼這不起作用？我用一段完美的段落做了這個。但是有一張圖片它不起作用！我的jQuery動畫方法有什麼問題？

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $(".btn1").click(function(){ 
    $("img").animate({left:"100px"}, 'slow'); 
    }); 
    $(".btn2").click(function(){ 
    $("img").animate({left:"0"}, 'slow'); 
    }); 
}); 
</script> 
</head> 
<body> 

<button class="btn1">Animate</button> 
<button class="btn2">Reset</button> 
<br /> 
<br /> 
<br /> 
<br /> 

<img src="https://google.com/favicon.ico" /> 

</body> 
</html>

來源

2014-03-03 Faiz Ahmed

設置左側和頂部屬性將不會工作，除非圖像有位置。 – adeneo

http://jsfiddle.net/9pfY7/ – adeneo

您需要添加position爲你的形象：

img { 
    position: relative; /* or position: absolute */ 
}

，以便left屬性可以正常工作。

Fiddle Demo

來源

2014-03-03 10:32:37 Felix

你需要給影像風格定位：絕對

<img src="https://google.com/favicon.ico" style="position:absolute"/>

DEMO

來源

2014-03-03 10:32:47 Anton

你需要設置你的img在absolute位置：

<img src="https://google.com/favicon.ico" style="position: absolute" />

來源

2014-03-03 10:32:59

你需要這樣的：

<img src="https://google.com/favicon.ico" style="position: relative; left: 0" />

FIDDLE DEMO

來源

2014-03-03 10:34:06

我的jQuery動畫方法有什麼問題？

回答

相關問題