эффективный (с низкой пропускной способностью) удобный браузер способ отображения чередующихся текстов на веб-странице с помощью fadein / fadeout

Question

Я ищу легкое, кросс-браузерное решение с низкой пропускной способностью для отображения нескольких чередующихся текстов в div на веб-странице с помощью fadein / fadeout.

Так что не включая целые библиотеки Jquery JavaScript.

Тексты могут быть просто жестко закодированы в html.

Answer 1

Самый простой способ - использовать прозрачный цвет текста. Вы просто увеличиваете прозрачность цвета с 0 до 1 для постепенного увеличения, а затем отступаете для постепенного уменьшения. Это делается в браузерах без IE с RGBA, например:

div#someDiv
{
color: rgba(198,222,162,.60);
}

Установить стиль div с помощью JS

Для IE используйте:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";

Здесь вы должны увеличить или уменьшить значение HEX # 66

Answer 2

Существует множество учебных пособий по созданию простой функциональности fadein / out в javascript без jQuery, вот один из них, который я нашел благодаря google.

http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation