<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>自定义动画</title> <script type="text/javascript" src= jquery.1.12.4.js></script> <style> *{ margin: 0; } </style> <script type="text/javascript"> var moveTop = function(){//归为 $("#topimg").animate({"left":"0"},"slow",movend); }; var movend = function(){//移动100像素 $("#topimg").animate({"left":"100px"},"slow",moveTop); }; $(function(){//按钮的点击事件 $("button").click(movend); }); </script> </head> <body> <button>点击我移动100px</button> <br/><br/> <img id="topimg" style="position: absolute;left: 0" src="../dictionaries/001.png"> </body> </html>
自定义动画
最新推荐文章于 2022-05-28 23:28:29 发布