HTML5 文字跑马灯 demo

下面小编为大家介绍一个HTML5写的文字跑马灯，有需要的朋友来看一下吧

1. [图片]

2. [代码][HTML]代码

var ColorCollection=["#6B8E23","#238E23","#6B8E23","#238E23","#6B8E23","#238E23","#6B8E23"];

var txtCollection=["欢","迎","使","用","本","软","件"];

var timeObj=[];

var timeRdObj=[];

var CueHasRandom=[];

function LzqDraw2D(ctxobj,color16,x,y,w,h,text){

ctxobj.beginPath();

ctxobj.fillStyle=color16;

ctxobj.fillRect(x,y,w,h);

ctxobj.font=FontSize+"px Arial";

ctxobj.fillStyle = "white";

var txtX=0,txtY=0;

var fs=FontSize/2;

txtX= x>=w?(x+(w/2-fs)):w/2+fs;

txtY= y>=h? (y+(h/2+fs-3)):h/2+fs-3;

ctxobj.fillText(text,txtX,txtY);

}