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

Question

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

Answer 1

给你简单写了一个html<div class="container">&nbsp; <div class="content">&nbsp; &nbsp; 这里是文字&nbsp; </div></div>css.container{&nbsp; width:300px;&nbsp; height:50px;&nbsp; background:pink;&nbsp; position:relative;&nbsp; overflow:hidden;}.content{&nbsp; position:absolute;&nbsp; animation:move linear 4s infinite;}@keyframes move{&nbsp; from{&nbsp; &nbsp; transform:translateX(-100%);&nbsp; }&nbsp; to{&nbsp; &nbsp; transform:translateX(300px);&nbsp; }}