css - 此特定 div 内的文本应该是选取框

Question

#player #title{
left: 90px;
width: 200px;
overflow: hidden;
}

此特定 div (#Title) 中的文本应该是选取框。但是 HTML 应该没有变化(只允许 java 脚本)。如何进行？

Answer 1

如果您的文本是已知的并且永远不会改变，您可以使用一些 CSS3:transition 和 text-shadow 并使其通过文本缩进滑动，例如:

p {
  text-shadow:35em 0 0;/* equal to length of text */
  width:15em;
  white-space:nowrap;
  overflow:hidden;
animation: marqueeme 3s infinite;
  margin:auto;
  background:yellow;
  border:solid red;
}
@keyframes marqueeme {
  to {text-indent:-35em;
}

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 查看并测试它:http://codepen.io/gc-nomade/pen/wGtmy

您需要使用 EM 值来匹配文本大小，您可能还需要重新设置字母间距。如果文本更改或使用某些字体，它可能会中断。