html中怎么设置弹幕的效果,js是怎么实现弹幕效果

.con {

background-color: floralwhite;

padding: 40px 80px 80px;

}

#screen {

background-color: #fff;

width: 100%;

height: 380px;

border: 1px solid rgb(229, 229, 229);

font-size: 14px;

}

.content {

border: 1px solid rgb(204, 204, 204);

border-radius: 3px;

width: 320px;

height: 35px;

font-size: 14px;

margin-top: 30px;

}

.send {

border: 1px solid rgb(230, 80, 30);

color: rgb(230, 80, 0);

border-radius: 3px;

text-align: center;

padding: 0;

height: 35px;

line-height: 35px;

font-size: 14px;

width: 159px;

background-color: white;

}

.clear {

border: 1px solid;

color: darkgray;

border-radius: 3px;

text-align: center;

padding: 0;

height: 35px;

line-height: 35px;

font-size: 14px;

width: 159px;

background-color: white;

}

.edit {

margin: 20px;

text-align: center;

}

.text {

position: absolute;

}

*{

margin: 0;

padding: 0;

}

.dm_show{

margin: 30px;

}