简易弹幕效果:将发布的内容随机显示在弹幕右侧,逐渐左移最后消失。
涉及知识点:val()、random()、height()、css()、append()、remove()等,主要是元素的操作
html代码:
<a href="#">弹幕技术</a>
<div class="mask">
<a href="#" class="button">X</a>
</div>
<!-- 底部发言框前端 -->
<div class="bottom">
<input class="content"></input>
<a href="#" class="send">发表言论</a>
</div>
css代码:
html,body{
background-image:url("images/208.jpg");
height:100%;//文字的显示区域要设置好
}
div