<style> #wu{ position:absolute; height: 20px; width: 20px; background-color: red; } </style> </head> <body> <input id="you" id="zuo" type="button" value="左移"></input> <input type="button" value="右移"></input> <div id="wu"></div> <div id="liu"></div> <script text="text/javascript"> $("#zuo").bind("click",function(){ $("div").animate({ left: "+=50px"},2000,function(){ $("liu").html("请点击另一个按钮!"); } )}; $("#you").bind("click",function(){ $("div").animate({ left: "+=50px"},3000,function(){ $("liu").html("执行完毕!"); } )}; </script> </body>
1 回答
已采纳
李晓健
TA贡献1036条经验 获得超461个赞
$("#zuo").bind("click", function () {
$("div").animate({
left: "+=50px"
}, 2000, function () {
$("liu").html("请点击另一个按钮!");
}
)
}); //这里少了一个括号
$("#you").bind("click", function () {
$("div").animate({
left: "+=50px"
}, 3000, function () {
$("liu").html("执行完毕!");
}
)
});//这里少了一个括号input 标签不需要写 </input> 结束标签
- 1 回答
- 0 关注
- 1232 浏览
添加回答
举报
0/150
提交
取消