在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$(".btn1").click(function(){
		$("p").animate({textIndent:"30px"});
	});
	$(".btn2").click(function(){
		$("p").animate({textIndent:"0px"});
	});
});
</script>
</head>
<body>

<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>

</body>
</html>
源代码

动行结果
