|
|
|
| Доброго времени суток!
Поставил себе задачу и не могу найти умного решения - есть страница с дивовой версткой, есть один див с текстом на русском языке. При нажатии кнопки смены языка нужно, чтобы предыдущий текст мягко исчез и появился , также мягко, другой. Без перезагрузки страницы.
Где-то в Сети видел..
Может кто знает как??? | |
|
|
|
|
|
|
|
для: evgenyem
(23.09.2009 в 21:44)
| | Знаю. Но не с помощью CSS. Есть библиотека jQuery, она творит чудеса. Про неё много на руселлере. | |
|
|
|
|
|
|
|
для: ~AquaZ~
(24.09.2009 в 06:54)
| | Про jquery "наслышан". Надо бы на CSS, чтобы с отключенным JS сработало. | |
|
|
|
|
|
|
|
для: evgenyem
(24.09.2009 в 08:33)
| | css выполняется один раз при загрузке сайта либо по запросу.
если при загрузке - вы можете получить состояния (текст виден/текст не виден/ текст виден с указанной прозрачностью)
плавное изменение прозрачности - это динамика и возможно только с использованием скриптов | |
|
|
|
|
|
|
|
для: AlexSol
(24.09.2009 в 10:14)
| | Ajax метод (библиотеки query, prototip, YUI и др) | |
|
|
|
|
|
|
|
для: dimaxz
(24.09.2009 в 10:32)
| | и? Ajax метод это не css. и вопрос был не в получение данных а в анимированной смене | |
|
|
|
|
|
|
|
для: AlexSol
(24.09.2009 в 10:34)
| | document.getElementById("text").innerHTML = 'новый текст';
Но вот чтоб плавно???хм | |
|
|
|
|
|
|
|
для: dimaxz
(24.09.2009 в 13:05)
| | Вот реализация на jQuery (если библиотека подключена)
$(function(){
$("#id-of-button").click(function(){
$("#id-of-rus-text").animate({opacity:'toggle'},500); //500 время задержки (ms)
$("#id-of-en-text").animate({opacity:'toggle'},500); //500 время задержки (ms)
});
});
|
| |
|
|
|