Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как изменить текст при наведении курсора? (https://javascript.ru/forum/dom-window/3349-kak-izmenit-tekst-pri-navedenii-kursora.html)

sewernik 10.04.2009 21:33

Как изменить текст при наведении курсора?
 
Допустим, есть пять различных текстов. При наведении курсора на <текст1>, он меняеться на <текст2> и остаётся в таком состоянии. При повторном наведении уже на <текст2> появляется <текст3>;
на <текст3> - <текст4>;
на <текст4> - <текст5>;
на <текст5> - <текст1>, т.е. зацикливается по кругу.

Gvozd 10.04.2009 21:56

и в чем собственно говоря проблема?
что именно не получается?
повесить событие onmouseover?
красиво офрмить код с помощью замыкания?
или даже некрасиво с помощью глобальных переменных не получается?
покажите ваш код, что вы пытались сделать, и у вас не получается

greatilya 13.04.2009 19:31

Как-то так:
<script type="text/javascript">
var i=1;
var text=new Array(5);
text[0]='Text1';
text[1]='Text2';
text[2]='Text3';
text[3]='Text4';
text[4]='Text5';
function change_text()
{
document.getElementById('text_change').innerHTML = text[i];
i++; if(i==5) i=0;
}
</script>
<span id="text_change" onmouseover="change_text()">Text1</span>


Часовой пояс GMT +3, время: 21:46.