菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$(".btn1").click(function(){
		$("p").animate({lineHeight:"+=1em"});
	});
	$(".btn2").click(function(){
		$("p").animate({lineHeight:"-=1em"});
	});
});
</script>
</head>
<body>

<button class="btn1">动画 +</button>
<button class="btn2">动画 -</button>
<p style="line-height:1em;">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>
              