简单实现jQuery弹幕效果

在要写一个弹幕案例的时候，首先要清楚每一步要干什么。
首先搭好框架之后在要发送弹幕时应该准备进行如下步骤：

目前创新互联已为成百上千的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、武穴网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

• 获取到要发送到弹幕上的内容，即获取到文本框输入的内容。通过jquery的var str = $(“#文本框的id”).val();
• 生成一个元素：利用jQuery的 var createSpan =$(““)生成一个span元素，以便发送。
• 给刚创建的span赋值，即获取到的文本框中的值 createSpan.text(str );
• 设置元素的动画效果,是元素动起来。利用jQuery的animate(css样式值，时间， 执行完动画调用的方法)。执行完动画得手动移除刚刚所添加的元素。

里面还有许多细节，仔细看就会有收获！

 
 
 
 



 
 

 

  
 说点什么:
  
  发送
 
 

效果图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。