Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> анимированная строка с изменением содержания 
:(
    Опции темы
Avreol
Дата 22.7.2009, 18:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 74
Регистрация: 14.4.2008
Где: Новосибирск

Репутация: нет
Всего: нет



примерно как Hot News Headlines вот здесь http://www.apple.com/
или как News здесь http://www2.mandriva.com/
обьясните хотя бы структуру такого скрипта))
а вообще  smile 
PM MAIL WWW ICQ   Вверх
IDVsbruck
Дата 22.7.2009, 19:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 8
Всего: 22



Не совсем понятно, что тут сложного? - По таймеру скрывается контейнер с текстом, когда полностью скрылся - меняется текст и снова показывается. На Эппле сделано чуть "красивее" - когда контейнер достигает полной видимости, сверху помещается другой контейнер, в котором написано то же самое; по таймеру сначала скрывается верхний, а затем плавно меняется прозрачность у нижнего. Код не смотрел, но и так понятно, что это так - при изменении прозрачности текста или контейнера с текстом последний отображается без сглаживания (это и так видно какие угловатые буквы).

Мне такая реализация не нравится - очень калично выглядит. Обычно использую контейнер с текстом, а сверху блок с цветом фона текста. Для эффекта плавного исчезания текста меняю прозрачность верхнего блока от прозрачного к полностью непрозрачного, для показа - наоборот. Вид более приятный.

Можно не использовать обычный таймер, а делать с помощью анимационных библиотек задержки показа. На Эппле использован aculous от prototype, на Мандрива - jQuery (функция animate).
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0406 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.