jquery animate 没作用
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><!DOCTYPEHTMLPUBLIC"-...
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>左右滑动</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#img").mouseover(function(){
alert($("#img").parent().html());
$(this).animate({left:400 + "px"},500);
alert(2);
});
})
</script>
</head>
<body>
<div>
<img id="img" src="pic/2.jpg"/>
</div>
</body>
</html>
帮忙看看为什么不能左移！ 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>左右滑动</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#img").mouseover(function(){
alert($("#img").parent().html());
$(this).animate({left:400 + "px"},500);
alert(2);
});
})
</script>
</head>
<body>
<div>
<img id="img" src="pic/2.jpg"/>
</div>
</body>
</html>
帮忙看看为什么不能左移！ 展开
4个回答
展开全部
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。
注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。
示例，改变 "div" 元素的高度：
$(".btn1").click(function(){
$("#box").animate({height:"300px"});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你原来img的位置是多少，不过left:400 + "px"这样的语句我没记错的话应该是往右移动吧……
要是往左移，试试这么写：
页面：
<div style="position:relative">
<img id="img" src="pic/2.jpg" style="position:absolute; left:400px;top:0px;/*(这里的left和top属性根据你的实际情况定)*/" />
</div>
js：
$('#img').mouseover(function(){
var left = parseFloat($(this).css('left'), 10); //获取当前的left值
$(this).animate({'left': left - 400}, 500);
});
要是往左移，试试这么写：
页面：
<div style="position:relative">
<img id="img" src="pic/2.jpg" style="position:absolute; left:400px;top:0px;/*(这里的left和top属性根据你的实际情况定)*/" />
</div>
js：
$('#img').mouseover(function(){
var left = parseFloat($(this).css('left'), 10); //获取当前的left值
$(this).animate({'left': left - 400}, 500);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的错！
不能移动的原因是 你的IMG没有设置浮动
<img style="position: absolute;" id="img" src="pic/2.jpg"/>
改成这样就OK啦
不能移动的原因是 你的IMG没有设置浮动
<img style="position: absolute;" id="img" src="pic/2.jpg"/>
改成这样就OK啦
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原因很简单,因为img这个没有left这个属性.你所谓的说的左移,应该是指img外层的那个div左移.我试过把你的代码调成div的animate,发现是可以的.你考虑下换下控制div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
