letterspacing&wordspacing

最新推荐文章于 2021-12-02 19:20:59 发布

zgjx2019

最新推荐文章于 2021-12-02 19:20:59 发布

阅读量156

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/zgjxyszh/article/details/79531715

版权

CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  	 $("p").animate({textIndent:"2em"},2000);
     $(".p1").animate({letterSpacing:"10px"},"fast");
     $(".p2").animate({wordSpacing:"10px"},"slow");
  });
  $(".btn2").click(function(){
     $(".p1").animate({letterSpacing:""});
     $(".p2").animate({wordSpacing:""});
  });
});
</script>
</head>
<body>
<p class="p1">This is a letter-spacing.</p>
<p class="p2">This is a word-spacing.</p>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</body>
</html>