以下代码，运行后，需要刷新下，才能加载jquery,要不然看不到效果。
1、单行滚动效果

无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;}

• 百度
• www.jb51.net
• 这是公告标题的第三行
• 这是公告标题的第四行
• 这是公告标题的第五行
• 这是公告标题的第六行
• 这是公告标题的第七行
• 这是公告标题的第八行

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
三、可控制向前向后的多行滚动

无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;}

多行滚动演示：

• 这是公告标题的第一行
• 这是公告标题的第二行
• 这是公告标题的第三行
• 这是公告标题的第四行
• 这是公告标题的第五行
• 这是公告标题的第六行
• 这是公告标题的第七行
• 这是公告标题的第八行

向前  向后 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]