Javascript 选框启动和停止

我想有一个屏幕的图片，滚动左，当你点击他们停止，当你再次点击他们继续左。我知道marquee代码，但是您将如何用Java或jQuery编写该函数

下面演示如何切换css动画的播放状态以暂停并播放字幕/幻灯片/动画

动画使用

背景位置

样式声明更改背景图像的显示位置，如下所示：

//改编自simurai的小提琴：http://jsfiddle.net/simurai/CGmCe/light/
var elm=document.querySelector（“div.hi”）；
函数暂停（）{
控制台日志（elm）；
elm.className=“hi stop”；
elm.onclick=玩耍；
}
函数播放（）
{
elm.className=“嗨”；
elm.onclick=暂停；
}
elm.onclick=暂停
。您好{
宽度：50px；
高度：72px；
背景图像：url（“http://s.cdpn.io/79/sprite-steps.png");
-webkit动画：播放8步（1000）无限；
-moz动画：播放8步（1000）无限；
-ms动画：播放8步（1000）无限；
-o-动画：播放8步（1000）无限；
动画：播放8步（1000）无限；
}
.嗨，停下来{
-webkit动画播放状态：暂停；
动画播放状态：暂停；
}
@-webkit关键帧播放{
从{背景位置：0px；}
至{背景位置：-500px；}
}
@-moz关键帧播放{
从{背景位置：0px；}
至{背景位置：-500px；}
}
@-ms关键帧播放{
从{背景位置：0px；}
至{背景位置：-500px；}
}
@-o关键帧播放{
从{背景位置：0px；}
至{背景位置：-500px；}
}
@关键帧播放{
从{背景位置：0px；}
至{背景位置：-500px；}
}
首先，不要把Java和JavaScript放在同一个袋子里，它们真的不同。然后，发布到目前为止的内容，否则您将被否决，因为您的问题太广泛，无法提供具体的答案。一般来说，您需要创建一个处理程序（函数）来处理每个元素的onclick事件。处理程序应该停止间隔计时器或关键帧动画（如果您使用css关键帧创建了它）…下面是一个快速的提琴，演示如何通过操纵元素类来暂停css关键帧动画（因此，使用元素类来表示状态）。采取同样的手段，增加动画的持续时间和“步骤”的数量：这显然是有效的，这很好，你展示了它的有效性，而不是像我在其他ppl的问题上看到的那样仅仅发布一些未经测试的建议代码，因此我喜欢它。不幸的是，在回答这个问题时，它提出了另外7个问题。所以我还有很多东西要学。我从未听说过console.log或.querySelector。因此，感谢您为我提供新的研究内容。console.log用于向web开发人员工具控制台显示信息。。现代浏览器在浏览器中有开发人员工具（不过，您可能必须打开一个设置-safari就是这样），如果您在浏览器中点击F12，它将显示开发人员工具。。控制台将靠近底部。。控制台本身允许您在窗口/文档中执行javascript。。因此，如果您有一个未处理或未绑定到事件的javascript函数，则可以显式调用它。..
.querySelector
和
.querySelectorAll
返回非活动节点列表，这意味着集合/数组的大小不会因查询而改变。。查询本身是CSS选择器格式的字符串，因此
文档。querySelectorAll（“a”）
将文档中的所有
a
标记作为数组返回
document.querySelectorAll（“a>img”）
返回文档中
a
标记的子项的所有
img
标记。