вращающийся текст с fade-in

В настоящее время у меня есть этот код для отображения случайных отзывов клиентов. Я хотел бы заменить случайную функцию кодом, который будет отображать кавычки по их порядку, а затем повторить их.вращающийся текст с fade-in

<html style="direction:rtl;"> 
    <DIV id=textrotator style="FONT: 16px arial ; text-align:right; WIDTH: 100%; COLOR: rgb(255,255,255)"></DIV> 
    <body bgcolor="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF" topmargin="0" leftmargin="0" rightmargin="0"> 
    <script type = "text/javascript"> 
    var hexinput = 255; // initial color value. 

    quotation = new Array() 
    quotation[0] = "text1" 
    quotation[1] = "text2" 
    quotation[2] = "text3" 

    function fadingtext() 
    { 
     if(hexinput >111) 
     { 
     hexinput -=11; // increase color value 
     document.getElementById("textrotator").style.color="rgb("+hexinput+","+hexinput+","+hexinput+")"; // Set color value. 
     setTimeout("fadingtext()",200); // 200ms per step 
     } 
     else 
     { 
     hexinput = 255; //reset hex value 
     } 
    } 

    function changetext() 
    { 
     if(!document.getElementById){return} 
     var which = Math.round(Math.random()*(quotation.length - 1)); 
     document.getElementById("textrotator").innerHTML = quotation[which]; 
     fadingtext(); 
     setTimeout("changetext()",8000); 
    } 

    window.onload = changetext(); 
    </script>

источник

2013-06-12 user2479629

Вам необходимо сделать свой индекс глобальным. Throw which вне функции, а затем просто увеличивайте ее, не забудьте обернуть, когда вы доберетесь до конца.

Это замена для функции "changetext":

var which = 0; 

function changetext() 
{ 
    which += 1; 
    if (which >= quotation.length) 
    { 
     which = 0; 
    } 

    document.getElementById("textrotator").innerHTML = quotation[which]; 

    fadingtext(); 

    setTimeout("changetext()",8000); 
}

источник

2013-06-12 18:57:26 Richard

работает большое :-) спасибо тонну! – user2479629

@ user2479629 Хорошо, вы могли бы пометить его как «принятый»? (Зеленый флажок под вверх/число/вниз слева от этого ответа.) Спасибо. :) – Richard

ответ

Смежные вопросы