编程宝库 - 技术改变世界
编程宝库
编程宝库提供了 JS 在线测试工具,可在线测试 JavaScript 代码,你可以在代码编辑器中输入 JavaScript 代码并点击运行查看结果。
源代码
点击运行
<html> <head> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").animate({lineHeight:"3em"}); }); $(".btn2").click(function(){ $("p").animate({lineHeight:"1em"}); }); }); </script> </head> <body> <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> <button class="btn1">Animate</button> <button class="btn2">Reset</button> </body> </html>
运行结果