如何让让JQuery同时执行两个动作
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线测试页面</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
*{ padding:0;margin:0;font-size:12px; }
.parent{ width:500px;height:50px;border:1px solid #555;margin:10px auto;position:relative; }
.child{ width:50px;height:50px;text-align:center;line-height:50px;position:absolute;top:0; }
.left{ left:0; background-color:skyblue;}
.right{ right:0;background-color:pink; }
</style>
</head>
<body>
<div class="parent">
<div class="child left">left</div>
<div class="child right">right</div>
</div>
</body>
<script type="text/javascript">
$(function(){
var lo = $(".left"), ro = $(".right"), w = $(".parent").width();
lo.animate({ "left" : w-lo.width()+"px" },2000);
ro.animate({ "right" : w-ro.width()+"px" },2000);
});
</script>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
打个比方说，让一个DIV向右滑动，并且透明度为0；
这个DIV的position一定要选择的，无论是absolute还是relative；
$('#btn').click(funciton(){
$('#div').animate({left:400,opacity:0},3000);
});
这个DIV的position一定要选择的，无论是absolute还是relative；
$('#btn').click(funciton(){
$('#div').animate({left:400,opacity:0},3000);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
