Question

这是我的代码：

<html>
<head>
<script type="text/javascript" src="E:\Priya\Animation\Horse Animation\js\jquery-1.4.2.min.js"></script> 
<script>
$(document).ready(function(){ 
alert('welcome');
$("#lion").animate({left: '250px'});
});

</script>
</head>
<body>
<div   id="lion" style="width:213px; height:295px; background:yellow;"></div>
</body>
</html>

我不知道代码出错的地方。警报正在工作，但动画不起作用。

Answer 1

如果您要使用position:absolute，则需要使用left设置元素：

<div id="lion" style="width:213px; height:295px; background:yellow;position:absolute;"></div>

http://jsfiddle.net/ds5pA/

Answer 2

既没有脚本问题也没有权限问题

将Position:absolute;添加到您的父div，我的意思是主div

所有元素的默认定位是Position:static，这意味着该元素未定位并出现在文档中通常的位置。

因为left,top,right,bottom定位适用于position:absolute，所以你错过了那个。

Answer 3

试试这个 <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> 而不是这个 <script type="text/javascript" src="E:\Priya\Animation\Horse Animation\js\jquery-1.4.2.min.js"></script>

也许你的js文件不能正常工作

在jquery中，animate函数不起作用

3 个答案: