js实现公告自动滚动

第js实现公告自动滚动本文实例为大家分享了js实现公告自动滚动的具体代码，供大家参考，具体内容如下

html

div

div

divspan姓名/span

span状态/span

span查询积分分数/span

/div

divid="box"

ulid="list"

lispan173****3856/span

span在11:36查询/span

span108分/span

li

lispan139****1926/span

span在11:49查询/span

span120分/span

li

lispan137****2575/span

span在09:59查询/span

span110分/span

li

lispan181****6973/span

span在11:08查询/span

span120分/span

li

lispan133****1728/span

span在13:10查询/span

span119分/span

li

lispan186****2048/span

span在12:37查询/span

span114分/span

li

lispan153****0658/span

span在10:22查询/span

span120分/span

li

lispan150****3880/span

span在12:24查询/span

span120分/span

li

lispan189****5792/span

span在11:00查询/span

span105分/span

li

lispan157****3676/span

span在14:55查询/span

span192分/span

li

lispan150****3811/span

span在14:25查询/span

span108分/span

li

lispan173****4713/span

span在15:21查询/span

span109分/span

li

lispan159****7114/span

span在14:40查询/span

span106分/span

li

lispan180****2836/span

span在15:35查询/span

span147分/span

li

lispan187****3546/span

span在14:17查询/span

span120分/span

li

/ul

/div

/div

/div

css

styletype="text/css"

.test001{

width:100%;

border-top:1pxsolidblack;

border-bottom:1pxsolidblack;

text-align:center;

font-weight:bold;

font-size:17px;

height:70px;

display:flex;

justify-content:center;

align-items:center;

}

.test002{

margin-top:15px;

width:100%;

text-align:center;

font-weight:bold;

font-size:21px;

display:flex;

justify-content:center;

align-items:center;

}

.test003{

margin-top:15px;

width:100%;

/*text-align:center;*/

/*font-weight:bold;*/

/*font-size:21px;*/

display:flex;

justify-content:center;

/*border:solid1px;*/

flex-direction:column;

align-items:center;

}

.test004{

/*margin-top:15px;*/

width:90%;

/*text-align:center;*/

/*font-weight:bold;*/

/*font-size:21px;*/

display:flex;

justify-content:center;

border:solid1px;

flex-direction:column;

align-items:center;

}

.testTop{

width:90%;

font-size:14px;

height:30px;

display:block;

font-weight:bold;

padding-left:20px;

padding-top:15px;

}

.testTopspan{

margin-right:75px;

}

.testTop.span2{

margin-right:65px;

}

#box{

width:90%;

height:250px;

line-height:2em;

/*background-color:skyblue;*/

margin-top:15px;

/*margin:100pxauto;*/

padding:00px;

overflow:hidden;

}

#listli{

margin-top:10px;

list-style:none;

}

#listspan{

margin-right:30px;

font-size:14px;

display:inline-block;

overflow:hidden;

text-align:center;

}

#list.span1{

width:80px;

}

#list.span2{