//m[0][0] ссылка на главный контейнер
//m[0][1] высота окна прокрутки сообщений
//m[0][2] ширина окна прокрутки сообщений
//m[0][3] высота верхнего(текущего) видимого сообщения
//m[0][4] служебная
//m[0][5] текущий индекс в массиве
//в ячейки начиная с 1, добавляем то, что будет крутиться, можно использовать html
var m=[];
m[0]=["", 1150, 274, 0, "", 1];
m[1]=["", '
'];
m[2]=["", '
'];
m[3]=["", ''];
m[4]=["", '
'];
m[5]=["", ''];
m[6]=["", '
'];
m[7]=["", ''];
m[8]=["", '
'];
m[9]=["", ''];
m[10]=["", '
'];
m[11]=["", ''];
m[12]=["", '
'];
m[13]=["", ''];
m[14]=["", '
'];
m[15]=["", ''];
m[16]=["", '
'];
m[17]=["", ''];
m[18]=["", '
'];
m[19]=["", ''];
m[20]=["", '
'];
m[21]=["", ''];
m[22]=["", '
'];
m[23]=["", ''];
m[24]=["", '
'];
m[25]=["", ''];
m[26]=["", '
'];
m[27]=["", ''];
m[28]=["", '
'];
m[29]=["", ''];
m[30]=["", '
'];
m[31]=["", ''];
m[32]=["", '
'];
/*m[33]=["", ''];
m[34]=["", '
'];
m[35]=["", ''];
m[36]=["", '
'];
m[37]=["", ''];
m[38]=["", '
'];
m[39]=["", ''];
m[40]=["", '
'];
m[41]=["", ''];
m[42]=["", '
'];
m[43]=["", ''];
m[44]=["", '
'];
m[45]=["", ''];
m[46]=["", '
'];
m[47]=["", ''];
m[48]=["", '
'];
m[49]=["", ''];
m[50]=["", '
'];
m[51]=["", ''];
m[52]=["", '
'];
*/
//
onload=function(){
m[0][0]=document.getElementById("autoScroll");
m[0][4]=document.createElement("div");//это само окошко
m[0][0].appendChild(m[0][4]);
m[0][4].className="trans1";
m[0][4].style.width=m[0][2]+'px';
m[0][4].style.height=m[0][1]+'px';
m[0][0]=document.createElement("div");//главный контейнер
m[0][4].appendChild(m[0][0]);
for(var i=1; i!=m.length; i++){
m[i][0]=document.createElement("div");//контейнер для текста
m[0][0].appendChild(m[i][0]);
m[0][4]=document.createElement("div");//text
m[i][0].appendChild(m[0][4]);
m[i][0].className="trans4";
m[0][4].className="trans3";
m[0][4].innerHTML=m[i][1];
};
m[0][3]=m[m[0][5]][0].offsetHeight;
m[0][0].className="trans2";
m[0][0].style.top=m[0][1]+'px';
motions();
};//end function
//
function motions(){
//Не стоит изменять шаг, лента должна ползти медленно и плавно, чтобы было читабельно. Если изменить шаг, то и проверку нужно менять.
var t=parseInt(m[0][0].style.top)-1;
if(t+m[0][3]!=0){//проверяем нижний край верхнего элемента
m[0][0].style.top=t+'px';//пока можно, крутим ленту
setTimeout('motions()', 10);}//скорость движения
else{//верхний элемент скрылся за краем
m[0][0].style.top=0;//опускаем весь контейнер вниз, на ноль
m[0][0].removeChild(m[m[0][5]][0]);//удаляем верхний(первый) элемент
//теперь возвращаем удалённый элемент, НО уже последним
m[m[0][5]][0]=document.createElement("div");//контейнер для текста
m[0][0].appendChild(m[m[0][5]][0]);//ставим новый ДИВ в главный контейнер самым последним
m[0][4]=document.createElement("div");//text
m[m[0][5]][0].appendChild(m[0][4]);
m[m[0][5]][0].className="trans4";//подключаем классы
m[0][4].className="trans3";
m[0][4].innerHTML=m[m[0][5]][1];//сам текст
m[0][5]=m[0][5]+1
'];
m[5]=["", '
'];
m[7]=["", '
'];
m[9]=["", '
'];
m[11]=["", '
'];
m[13]=["", '
'];
m[15]=["", '
'];
m[17]=["", '
'];
m[19]=["", '
'];
m[21]=["", '
'];
m[23]=["", '
'];
m[25]=["", '
'];
m[27]=["", '
'];
m[29]=["", '
'];
m[31]=["", '
'];
/*m[33]=["", '
'];
m[35]=["", '
'];
m[37]=["", '
'];
m[39]=["", '
'];
m[41]=["", '
'];
m[43]=["", '
'];
m[45]=["", '
'];
m[47]=["", '
'];
m[49]=["", '
'];
m[51]=["", '
'];
*/
//
onload=function(){
m[0][0]=document.getElementById("autoScroll");
m[0][4]=document.createElement("div");//это само окошко
m[0][0].appendChild(m[0][4]);
m[0][4].className="trans1";
m[0][4].style.width=m[0][2]+'px';
m[0][4].style.height=m[0][1]+'px';
m[0][0]=document.createElement("div");//главный контейнер
m[0][4].appendChild(m[0][0]);
for(var i=1; i!=m.length; i++){
m[i][0]=document.createElement("div");//контейнер для текста
m[0][0].appendChild(m[i][0]);
m[0][4]=document.createElement("div");//text
m[i][0].appendChild(m[0][4]);
m[i][0].className="trans4";
m[0][4].className="trans3";
m[0][4].innerHTML=m[i][1];
};
m[0][3]=m[m[0][5]][0].offsetHeight;
m[0][0].className="trans2";
m[0][0].style.top=m[0][1]+'px';
motions();
};//end function
//
function motions(){
//Не стоит изменять шаг, лента должна ползти медленно и плавно, чтобы было читабельно. Если изменить шаг, то и проверку нужно менять.
var t=parseInt(m[0][0].style.top)-1;
if(t+m[0][3]!=0){//проверяем нижний край верхнего элемента
m[0][0].style.top=t+'px';//пока можно, крутим ленту
setTimeout('motions()', 10);}//скорость движения
else{//верхний элемент скрылся за краем
m[0][0].style.top=0;//опускаем весь контейнер вниз, на ноль
m[0][0].removeChild(m[m[0][5]][0]);//удаляем верхний(первый) элемент
//теперь возвращаем удалённый элемент, НО уже последним
m[m[0][5]][0]=document.createElement("div");//контейнер для текста
m[0][0].appendChild(m[m[0][5]][0]);//ставим новый ДИВ в главный контейнер самым последним
m[0][4]=document.createElement("div");//text
m[m[0][5]][0].appendChild(m[0][4]);
m[m[0][5]][0].className="trans4";//подключаем классы
m[0][4].className="trans3";
m[0][4].innerHTML=m[m[0][5]][1];//сам текст
m[0][5]=m[0][5]+1