Question

有什么方法可以marquee CSS停止javascript？出于安全原因，我无法使用{{1}}。

我怎样才能用css做到这一点？

编辑：我想在鼠标悬停时停止它，否则启动它。

Answer 1

marquee:hover
{
  -moz-binding: none;
}

试试这个。但是-moz-binding的目的是不同的。但它确实有效。

Refer this for Webkit参考：SO

Answer 2

HTML

<p class="microsoft marquee"><span>Windows 8 and ...</span></p>

CSS

.marquee {
  width: 450px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;  /* show the marquee just outside the paragraph */
  animation: marquee 15s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

用css停止选框

2 个答案: