前端实用代码之js实现滚动公告源代码

最新推荐文章于 2024-07-10 10:20:38 发布

我本该灿烂过一生

最新推荐文章于 2024-07-10 10:20:38 发布

阅读量1.3k

点赞数

分类专栏：前端实用代码文章标签： html js javascript jquery

本文链接：https://blog.csdn.net/weixin_44857015/article/details/104591579

版权

本文是作者的新人报到，分享了一段用于实现滚动公告的JavaScript代码，并提供了在DEDE CMS上的应用示例，可以在作者的导航网站PC端查看演示效果。

摘要由CSDN通过智能技术生成

新人报到

注册csdn有一段时间了，也在这里当了好几年伸手党，今天算正式向组织报到了：）
这篇文章主要说三个事儿

报到留名
分享点作为小白个人觉得的一些使用东西
留个我的站，感谢光顾

好了分享个js实现滚动效果公告的代码
查看演示

      <div >  
        <style type="text/css"> 
#cont{ 
font-size:12px;overflow:hidden;list-style:none;width:288px;height:20px;margin:0px;padding:0; 
} 
#cont li{ 
height:22px;line-height:22px;white-space:nowrap;overflow:hidden; 
} 
</style> 
        <ul id="contain"> 
       
        <li>文字公告1</li>
         <li>文字公告2</li>
      </ul> 
         <SCRIPT LANGUAGE="JavaScript"> 
                        function xx(){ 
                        var container=document.getElementById("cont"); 
                        container.appendChild(container.firstCh