鍍金池/ 問答/HTML/ js實現(xiàn)文字走馬燈（文字滾動效果）marquee兼容性問題實現(xiàn)不了，求別的方法解

js實現(xiàn)文字走馬燈（文字滾動效果）marquee兼容性問題實現(xiàn)不了，求別的方法解決

需要一個文字走馬燈的公告欄顯示的效果（向左滾動），前臺通過ajax請求查詢數(shù)據(jù)，后臺查詢到數(shù)據(jù)，放到j(luò)s文件中，然后再通過jsp公告欄的id，獲取公告欄對象，將從后臺獲取的所有公告放到j(luò)sp頁面中，放到公告欄，而且此走馬燈顯示的公告欄文字是帶超鏈接<a>標簽的，點擊走馬燈文字，會根據(jù)此公告的id查詢公告內(nèi)容；之前用的是marquee標簽，但是此標簽向上滾動沒問題，向左滾動的時候谷歌，火狐瀏覽器兼容不好；請各位大牛幫忙搞一下，萬分感謝.
回答
編輯回答
莓森

給你簡單寫了一個
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);
  }
}
2017年8月27日 07:10