0

这是我的代码:

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

我不知道代码哪里出错了。警报正在工作,但动画不起作用。

4

3 回答 3

6

position:absolute如果要使用,则需要设置元素left

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

http://jsfiddle.net/ds5pA/

于 2013-05-27T10:38:25.077 回答
2

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

添加Position:absolute;到你的父母div,我的意思是主要的div

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

因为left,top,right,bottom定位会起作用,position:absolute所以你错过了那个。

于 2013-05-27T10:41:56.420 回答
1

试试这个 <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 文件不工作

于 2013-05-27T10:41:57.157 回答