|
|
|
| Доброе утро :) Поскажите пожалуйста как сделать так, чтобы текст при наведении мыши заменялся на другой, но возвращался в исходное состояние как только мышь убирается...
Что-то типа эффекта slideDown, только не знаю это использовать
Написал такое, только не пашет вообще(
<td valign="bottom" width="233" height="155" onmouseover="this.innerHTML = 'текст1' onmouseout="this.innerHTML = 'текст2'>текст1</td>
|
| |
|
|
|
|
|
|
|
для: ladan
(26.10.2012 в 07:34)
| | написали почти правильно
сравните (ниже - правильный код)
<td valign="bottom" width="233" height="155" onmouseover="this.innerHTML = 'текст1' onmouseout="this.innerHTML = 'текст2'>текст1</td>
и
<td valign="bottom" width="233" height="155" onmouseover="this.innerHTML = 'текст2'" onmouseout="this.innerHTML = 'текст1'">текст1</td>
|
всё "плавное" в JS делается путём инкремента/декремента (увеличения/уменьшения) значений каких-то свойств через тайм-аут
мне трудно представить, что именно вы понимаете под "плавной заменой текста"
-- это может быть изменение прозрачности - имеющийся текст постепенно светлеет до исчезновения, а затем на его месте постепенно "проявляется" новый текст;.
-- это может быть уменьшение размера букв имеющегося текста до нуля, а затем постепенное увеличение размера нового текста до исходного;
итыдыитыпы...
всё это делается, как уже сказано выше, через setTimeout () либо изменением значения style.opacity, либо изменением значения style.fontSize, либо чего-то ещё... | |
|
|
|
|
|
|
|
для: ЯСА
(26.10.2012 в 08:17)
| | ясн, спасибо большое за ответ :) | |
|
|
|