jQuery留言区弹幕文字滚动

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/total.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/data.js"></script>

3. HTML代码

  <div> 
   <input type="button" value="test" onClick="bar()" class="button_ita" /> 
   <form action="" method="post" id="f2"> 
    <input type="text" name="name" placeholder="输入内容" class="txt large" id="txtbar" /> 
    <input type="button" class="button_ita" value="发送" onClick="pub()" /> 
   </form> 
   <div id="Barrage"> 
    <ul> 
     <li>
      <div class="BarMes">
       但愿人长久，千里共嫦娟
      </div></li> 
    </ul> 
   </div> 
  </div>