jQuery案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").animate({textIndent:"30px"});
  });
  $(".btn2").click(function(){
  $("p").animate({textIndent:""});
  });
});
</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>
​