console
$(function () {
function textScrollX(elem) {
var num = 0,
el = $(elem),
width = el.parent().width(),
len = el.width();
!function scroll() {
num = -len > num ? width + 30 : num - 2;
el.css('transform', 'translate3d(' + num + 'px,0,0)');
setTimeout(scroll, 60);
}()
}
textScrollX('.scroll');
});
<div class="scroll-w">
<div class="scroll">完全在浏览器中运行机器学习程序可以开发新的机会,例如交互式机器学习!在 TensorFlow 开发者峰会上,Daniel Smilkov 和 Nikhil Thorat 演示了如何使用计算机视觉和网络摄像头训练</div>
</div>
<script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
.scroll-w {
height: 30px;
margin: 50px auto;
overflow: hidden;
background: #fff;
margin: 2px 10px 0 10px;
border-radius: 2px;
padding-right: 30px;
overflow-x: hidden;
box-shadow: 0 1px 5px #e5e5e5;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
.scroll {
display: inline-block;
font: 14px/30px Microsoft YaHei;
white-space: nowrap;
color: #f33;
}