Как изменить текст при наведении курсора?
Допустим, есть пять различных текстов. При наведении курсора на <текст1>, он меняеться на <текст2> и остаётся в таком состоянии. При повторном наведении уже на <текст2> появляется <текст3>;
на <текст3> - <текст4>; на <текст4> - <текст5>; на <текст5> - <текст1>, т.е. зацикливается по кругу. |
и в чем собственно говоря проблема?
что именно не получается? повесить событие onmouseover? красиво офрмить код с помощью замыкания? или даже некрасиво с помощью глобальных переменных не получается? покажите ваш код, что вы пытались сделать, и у вас не получается |
Как-то так:
<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. |