js实现文字走马灯（文字滚动效果）marquee兼容性问题实现不了，求别的方法解决

Question

需要一个文字走马灯的公告栏显示的效果（向左滚动），前台通过ajax请求查询数据，后台查询到数据，放到js文件中，然后再通过jsp公告栏的id，获取公告栏对象，将从后台获取的所有公告放到jsp页面中，放到公告栏，而且此走马灯显示的公告栏文字是带超链接<a>标签的，点击走马灯文字，会根据此公告的id查询公告内容；之前用的是marquee标签，但是此标签向上滚动没问题，向左滚动的时候谷歌，火狐浏览器兼容不好；请各位大牛帮忙搞一下，万分感谢.

Answer 1

给你简单写了一个
html

<div class="container">
  <div class="content">
    这里是文字
  </div>
</div>

css

.container{
  width:300px;
  height:50px;
  background:pink;
  position:relative;
  overflow:hidden;
}
.content{
  position:absolute;
  animation:move linear 4s infinite;
}
@keyframes move{
  from{
    transform:translateX(-100%);
  }
  to{
    transform:translateX(300px);
  }
}