Плавная смена текста
Подскажите пожалуйста как сделать плавную смену текста, при нажатии ссылки, текст в диве исчезает и плавно появляется новый.
|
|
Используя в стиле opacity(в IE нужно использовать колекцию filters:(alpha));
Мой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style> h1{color:#007000} </style> <script> var x=1 ; var x2=0.1 ; var word2='Bye' function esc(){if(x>0) {document.getElementById('href').style.opacity=x; x=x-0.1; setTimeout('esc()',150)} else {document.getElementById('href').innerHTML='→'+w ord2+'←' document.getElementById('href').style.opacity=x2 x2=x2+0.1 setTimeout('esc()',150)} } </script> </head> <body> <div align=center> <h1 onclick="esc()" id="href">→ Hello ←</h1> </div> </body> </html> |
| Часовой пояс GMT +3, время: 06:33. |