Saturday, 15 May 2010

jquery - Javascript News Ticker -



jquery - Javascript News Ticker -

i'm using code fade in , out different messages. works ok. problem delays first loop. , have wait before first message shows up. tried prepare no luck!

var loops = 0; function t() { var news = new array("text01", "text02"); var l = news.length; var fade = 300; var delay = 6000; var process = delay+fade+fade; var n = 0; var f = ''; for(i=0; i<l; i++){ f += "<span class='ticker' id='str"+i+"'>"+news[i]+"</span> "; $("#newsticker").html(f); } for(i=0; i<l; i++){ n++; var offset = i*process; $("#str"+i).delay(offset).fadein(fade).delay(delay).fadeout(fade); } var loop_process = n*process; if(loops==0){ settimeout("t()", 0); } settimeout("t()", loop_process); loops++; } t();

html

<span id="newsticker"></span>

javascript jquery ticker

No comments:

Post a Comment