執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，深色/淺色
前往 Spaces
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/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">Animate +</button> <button class="btn2">Animate -</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>
