input 占位符生成打字动画效果文本

最新推荐文章于 2023-12-08 16:51:51 发布

一只蝲蝲蛄

最新推荐文章于 2023-12-08 16:51:51 发布

阅读量421

点赞数

本文链接：https://blog.csdn.net/weixin_46901857/article/details/112574804

版权

<script src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>//引入JQ
<script src="https://www.51macc.com/js/placeholderTypewriter.js"></script>//引入placeholderTypewriter插件
<body>
<input type="text" id="in" placeholder="nihao" name="" id="">
</body>
<script>
	var placeholderText = [
            "动起来",
            "奥利给", 
             "动次打次", 
  ];
	
	  $('#in').placeholderTypewriter({text: placeholderText})
<script>

利用JQ 中的 placeholderTypewriter 插件

在这里插入图片描述