На самом деле все эти километровые скрипты совершенно ни к чему. Все делается банально и просто – на CSS.
Создание эффекта
Для всех ссылок, цвет которых должен плавно меняться при наведении нужно добавить класс.
Назовем его, например, changeme:
Код
<a href="/index.html" class="changeme">Пример ссылки</a>
Далее нужно добавить в CSS сайта обработку ссылок. В этом примере используется свойство transition-duration, которое задает длительность анимации и hover, в котором будет указано, на какой цвет должен меняться текст.
Код получится таким:
Код
/* обычная ссылка */
a {
color: grey;
}
/* анимация */
a.changeme {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* цвет при наведении */
a.changeme:hover {
color: red;
}
Этот класс можно назначать отдельным модулям, обрамляя их в DIV, например.
Если нужно, чтобы Все ссылки менялись таким образом, то просто убираем .changeme из общего CSS.
И все.
