当前位置: 首页 > Web前端 > CSS

JS实现文字滚动显示

时间:2023-03-30 22:17:54 CSS

ul{list-style:none;保证金:0;填充:0;}#contentli{字体大小:14px;高度:20px;行高:20px;}#scrollUpBox{高度:200px;填充:015px;边框:2px实心#cccccc;边界半径:5px;框阴影:0010px#0000ff;溢出:隐藏;}1.文本列表无缝滚动ul{list-style:none;保证金:0;填充:0;}#contentli{字体大小:14px;高度:20px;行高:20px;}#scrollUpBox{高度:200px;填充:015px;边框:2px实心#cccccc;边界半径:5px;框阴影:0010px#0000ff;溢出:隐藏;}

  • 测试内容1!
  • 测试内容2!
  • 测试内容3!
  • 测试内容4!
  • 测试内容5!
  • 测试内容6!
  • 测试内容7!
  • 测试内容8!
  • 测试内容9!
  • 测试内容1!
  • 测试内容2!
  • 测试内容3!
  • 测试内容4!
  • ;
  • 测试内容5!
  • 测试内容6!
  • 测试内容7!
  • 测试内容8!
  • 测试内容9!
  • 部分效果图如下:2.文字和字幕水平滚动ul{list-style:none;利润:0;填充:0;}#contentli{字体大小:14px;高度:20px;行高:20px;}#scrollUpBox{高度:200px;填充:015px;边框:2px实心#cccccc;边界半径:5px;框阴影:0010px#0000ff;溢出:隐藏;}#scrollLeftBox{宽度:100px;填充:10px15px;字体大小:20px;边框:2px实心#cccccc;边界半径:5px;框阴影:0010px#0000ff;}部分效果图如下: