摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="jquery.js"></scri
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> div{width: 100px;height: 100px;background: #CCC;position:absolute;color: #fff;} </style> <script type="text/javascript"> $(document).ready(function(){ $('#right').click(function(){ $('.box1').animate({left:'+200px'},3000) $('.box1').animate({fontSize:'500px'},500) }) $('#stop').click(function(){ $('.box1').stop(true,true) }) }) </script> </head> <body> <!-- 点击右移按钮,div右移,点击停止按钮当前效果停止 --> <button id="right">右移</button> <button id="stop">停止</button> <div>php中文网</div> </body> </html>
批改老师:查无此人批改时间:2019-01-12 15:08:43
老师总结:作业做的不错。 $('.box1') 这个class,我没有看到,可能是我这边没显示出来。下次把代码缩进,整齐方便阅读,继续加油。