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);

  }

}