<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery动画特效</title> </head> <body> <button id="1">左移</button> <button id="2">右移</button> <div style="border:1px black solid; width:50px; height:50px;position:relative"></div> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"> $(function(){ $("#1").bind("click",function(){ $("div").animate({ left:"-=50px" },3000,function()); }); $("#2").bind("click",function(){ $("div").animate({ left:"+=50px" },3000,function()); }); }); </script> </body></html>
5 回答
- 5 回答
- 0 关注
- 1468 浏览
添加回答
举报
0/150
提交
取消