Бегущая строка. Смена цвета и действия на клик.

DimaU

Постоялец
Регистрация
5 Июл 2012
Сообщения
130
Реакции
5
Хочу сделать вывод в бегущую строку заголовков новостей... Пару моментов не знаю как реализовать. Попроще надо...

1. Как проще (не заводя функции) реализовать несколько(!) действий в одном событии (не нашел синтаксис)? Например, при наведении мышки на бегущий заговок нужно стоп + изменить цвет в одном теге onmouseover (onmouseover=this.stop() + onmouseout="this.style.color='black';")

2. Еще нужен прием динамической смены цвета бегущих заголовков. Например, при движении справа налево - надо чтобы заголовки типа краснели (меняли цвет с белого - на желтый - на красный). Можно такое сделать с бегущей строкой (на html)?

Пришел с вопросами Для просмотра ссылки Войди или Зарегистрируйся (с движка), там пример кода.
 
Как проще (не заводя функции) реализовать несколько(!) действий в одном событии (не нашел синтаксис)?
Чтобы повесить несколько событий, следует использовать addEventListener - Для просмотра ссылки Войди или Зарегистрируйся - или просто несколько действий в одном обработчике написать.
Видимо, тебе всё же нужно вот так onmouseover="this.stop(); this.style.color='black';"

Цвет с одного на другой можно, например, использовать фильтр hue-rotation - Для просмотра ссылки Войди или Зарегистрируйся
Или можно хардкордно сетинтервалы развесить - Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
Видимо, тебе всё же нужно вот так onmouseover="this.stop(); this.style.color='black';"
Спасибо, но что-то не работает сразу две конструкции (бегущий текст останавливается, но цвет не меняет)...

<table height="12" style="border-top: 1px dashed #FFFFFF; border-bottom: 1px dashed #FFFFFF; background:#2f393e none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="100%" cellpadding="0" cellspacing="0">
<tbody class="news_ticker">
<tr><td style="background:#2f393e none no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

<marquee height="12" style="color:#2f393e;" width="100%" scrollamount="2" scrolldelay="13" direction="left" onmouseover="this.stop();this.style.color='red';" onmouseout="this.start();this.style.color='#2f393e';" >
.......
</marquee>
</td></tr></tbody></table>
 
ДА, работает!)
sorry, это внутренний колор (внутри marquee еще конструкции) все перебивал
 
Назад
Сверху