简单教程
提交运行
代码编辑器：
<!DOCTYPE html> <meta charset="utf-8"> <link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p").animate({textIndent:"30px"}); }); $(".btn2").click(function(){ $("p").animate({textIndent:"0px"}); }); }); </script> <button class="btn1">动画</button> <button class="btn2">重置</button> <p>This is a paragraph. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text. This is some more text.</p> <footer>简单教程，简单编程<br/>Copyright © 简单教程 www.twle.cn</footer>
运行结果：