时间戳

首页 > 解决方案 > CSS/jQuery/JS - 滑入/滑出文本输入值

jquery - CSS/jQuery/JS - 滑入/滑出文本输入值

问题描述

只需检查是否有人知道使用 CSS 或更有可能使用 jQuery.animate() 为 HTML 文本输入框中的文本滑出动画的一种厚颜无耻的方法。由于它们不是它们自己的元素，我不确定它们是否可用于除了父输入框可用的样式属性之外的操作？不要求编写代码，只是想让我的希望破灭或指向建设性的方向！

标签： jquerycss

解决方案

有点奇怪，但确定吗？您可以为文本缩进设置动画以获得“幻灯片”。

#slideText {
  transition: text-indent 1s;
  text-indent: -100px;
}

#slideText:focus {
  text-indent: 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="This is a test" id="slideText">

推荐阅读