CSS

 ul, li {
margin: 0;
padding: 0;
} #scrollDiv {
width: 300px;
height: 25px;
line-height: 25px;
border-bottom: #4c8cd1 1px solid;
overflow: hidden;
} #scrollDiv li {
height: 25px;
padding-left: 10px;
}

  JS

<script>
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-25px"
}, 800, function () {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
} $(document).ready(function () {
setInterval('AutoScroll("#scrollDiv")', 3000)
setInterval('AutoScroll("#scrollDiv")', 3000)
});
</script>

  HTML

<div id="scrollDiv">
<ul>
<li>这是公告标题的第一行</li>
<li>这是公告标题的第二行</li>
<li>这是公告标题的第三行</li>
<li>这是公告标题的第四行</li>
<li>这是公告标题的第五行</li>
<li>这是公告标题的第六行</li>
<li>这是公告标题的第七行</li>
<li>这是公告标题的第八行</li>
</ul> </div>

  

最新文章

  1. 深入分析Spring 与 Spring MVC容器
  2. 每天一个linux命令(12):more命令
  3. 利用JAX-WS 开发web服务
  4. HYSBZ1036 树链剖分
  5. CentOS编译安装Python3
  6. 如何查看Windows下端口占用
  7. LightOJ 1058 平行四边形的判断定理
  8. Java设计模式之《观察者模式》及应用场景
  9. Spring学习(12)--- @Autowired与@Resource 对比
  10. setAttribute设置无效
  11. Linux硬盘文件分析取证(SSH过的IP)
  12. easyUI 两个grid表格数据左移右移代码
  13. bat搜集
  14. 接口配置信息修改 请填写接口配置信息,此信息需要你有自己的服务器资源,填写的URL需要正确响应微信发送的Token验证
  15. WebSocket 实战之——【WebSocket 原理】
  16. 002.Docker安装部署
  17. C#多线程编程实战(二):线程同步
  18. CSS(一)属性--border边框
  19. SQL注入之Sqli-labs系列第十七关(UPDATA– 基于错误– 单引号– 字符型)
  20. lufen登录注册

热门文章

  1. Linux快速上手
  2. odoo10 费用报销
  3. WIN8 隐私声明
  4. phpcms v9的url优化
  5. redis make test报错 Test replication partial resync: ok psync
  6. C语言-删除重复字符
  7. Time vs Story Points Estimation [转]
  8. NET Core 整合Autofac和Castle
  9. NIO(三、Channel)
  10. mac下安装git,并将本地的项目上传到github
  11. Mysql-自带的一些功能,基本用法(视图,触发器,事务,存储过程,函数,流程控制)
  12. 为什么单片机中既有Flash又有EEPROM
  13. Spark RDD的默认分区数:(spark 2.1.0)
  14. Libgdx学习记录28——创建Desktop程序
  15. NFS无法启动解决方式
  16. 框架----Django之ModelForm组件
  17. 1855: [Scoi2010]股票交易[单调队列优化DP]
  18. CSS3与页面布局学习总结(四)——页面布局的多种方法
  19. &lt;Perl算法小菜&gt;排序加速--Schwatzian变换及Guttman-Rosler变换
  20. Luogu-2600 [ZJOI2008]瞭望塔