滚动板 /* 初始化 */ body { font: 12px/1 "宋体", SimSun, serif; background:#fff; color:#000; } /*核心是 position:relative;，才能让其内部的 ul 以绝对定位，通过改变 top 值实现向上移位置。*/ .scrollUl { overflow:hidden; position:relative; } /*演示多个滚动板同时使用，这里是统一按每行按 20px 高，第一个每屏 4 行，第 2 个每屏 6 行。其实每组中行高也可不同。滚动速度与具体行高无关。*/ #scrollUlTest1 {height:80px;} #scrollUlTest2 {height:120px;} /* 清除浏览器默认的margin和padding值 */ .scrollUl ul, .scrollUl li { margin:0; padding:0; list-style:none outside; /* 清除浏览器中列表项默认的占位 */ } .scrollUl ul { position:absolute; } .scrollUl li { height:20px; } 通用滚动板演示 第1组 第 1 条内容 第 2 条内容 第 3 条内容 第 4 条内容 第 5 条内容 第 6 条内容 第 7 条内容 第 8 条内容 第 9 条内容 第 10 条内容 第 11 条内容 第 12 条内容 第 13 条内容 第 14 条内容 第 15 条内容 第 16 条内容 第 17 条内容 第 18 条内容 第 19 条内容 第 20 条内容 第2组 第 1 条内容 第 2 条内容 第 3 条内容 第 4 条内容 第 5 条内容 第 6 条内容 第 7 条内容 第 8 条内容 第 9 条内容 第 10 条内容 第 11 条内容 第 12 条内容 第 13 条内容 第 14 条内容 第 15 条内容 第 16 条内容 第 17 条内容 第 18 条内容 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　JavaScript 接收键盘指令示例

请按下键盘上的A键，会跳转到脚本之家的首页 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读

本文标题：JavaScript CSS 通用循环滚动条

地址：http://www.17bianji.com/kaifa2/JS/28035.html

 1/2    1