Как изменить текст при наведении курсора?
Допустим, есть пять различных текстов. При наведении курсора на <текст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, время: 06:22. |