前端案例--弹幕效果

今天就给大家演示一个看视频时的弹幕效果啦！！首先我们要引入那个jQuery的js代码。

然后就写下面的这些代码

html代码：

<div class="boxDom" id="boxDom">
		<div class="idDom" id="idDom">
		   <div class="content">
			  <p class="title">吐槽：</p>
			   <input type="text" class="text" id="text">
			   <button type="button" class="btn" id="btn">发送</button>
		   </div>
		</div>
	</div>

css代码：

html,body{
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: 100%;
			font-family:"微软雅黑";
			font-size:62.5%;
		}
		.boxDom{
			width: 100%;
			height: 100%;
			position: relative;
			overflow:hidden;
		}
		.idDom{
			width: 100%;
			height: 100px;
			background: #666;
			position: fixed;
			bottom:0px;
		}
		.co