JQuery和HTML5 Canvas实现弹幕效果

 JQuery和HTML5 Canvas两种方法实现弹幕效果:

方法一，JQuery实现。
源码：

 
 
 
   
   
   
   
   
   
   
   
   
   
   
   
    .ctxt{ 
      background:#666; 
      width:1000px; 
      height:400px; 
      overflow:hidden; 
      margin:0 auto; 
    } 
    .ctxt p{ 
      position:relative; 
      left:1000px; 
      margin:0; 
      padding:0; 
    } 
   
 
 
 

 
 
 
 
 
 

 方法二，HTML5 Canvas实现。
源码：

 
 
 
   
   
   
   
   
   
   
   
   
   
   
     
    #c1{background:#f1f1f1;} 
    span{color:#FFFFFF;} 
   
 
 
 
  该浏览器不支持html5 
 

 
 发送 
 
 
 
 
 
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。