Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: при наведении один текст плавно заменяется на другой
 
 автор: ladan   (26.10.2012 в 07:34)   письмо автору
 
 

Доброе утро :) Поскажите пожалуйста как сделать так, чтобы текст при наведении мыши заменялся на другой, но возвращался в исходное состояние как только мышь убирается...

Что-то типа эффекта slideDown, только не знаю это использовать

Написал такое, только не пашет вообще(

 <td valign="bottom" width="233" height="155" onmouseover="this.innerHTML = 'текст1' onmouseout="this.innerHTML = 'текст2'>текст1</td>

  Ответить  
 
 автор: ЯСА   (26.10.2012 в 08:17)   письмо автору
 
   для: 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, либо чего-то ещё...

  Ответить  
 
 автор: ladan   (27.10.2012 в 23:00)   письмо автору
 
   для: ЯСА   (26.10.2012 в 08:17)
 

ясн, спасибо большое за ответ :)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования