網站有時候可能會用到滾動字幕，滾滾更健康！

CSS:

/*滾動字幕*/ @media screen and (max-width: 500px) {body .scroll-notice-animate {animation: 30s wordsLoop linear infinite normal;}} .scroll-notice {background:#0aa7e4;color:#fff;white-space:nowrap;overflow:hidden; } .scroll-notice a {color:#fff; } .scroll-notice-animate {padding-left:20px;animation:35s wordsLoop linear infinite normal; } .scroll-notice-animate:hover {animation-play-state:paused; } @keyframes wordsLoop {0% {transform:translateX(100%); } 100% {transform:translateX(-100%); } /*滾動字幕*/

滾動文本

在head，或任意你需要的地方加入如下代碼。

<div class="scroll-notice"><div class="scroll-notice-animate">歡迎來到核客互動，有任何問題請聯系我!</div> </div>

總結

以上是生活随笔為你收集整理的网站加入滚动字幕或公告说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。