菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟学堂(edu.jb51.net)</title> <script src="http://edu.jb51.net/libs/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>
运行结果
在线运行
菜鸟学堂 edu.jb51.net