Плавно растворяющийся текст
Для получения эффекта плавно растворяющегося текста можем Вам посоветовать воспользоваться нашим JavaScript кодом, приведенным чуть ниже. Данный скрипт создает эффект растворяющегося текста путем плавного изменения его цвета от начала строки к её концу.
Чуть ниже Вы можете наблюдать результат выполнения скрипта, создающего эффект растворяющегося текста:
Далее приведен скрипт, позволяющий создать эффект растворяющегося текста как в примере, показанном выше. Вставьте данный код в начало своей странички:
<script type="text/javascript">
function conversion(couleur) {
var hexa1, hexa2;
tabHex = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
hexa2 = couleur%16;
hexa1 = parseInt(couleur/16);
hexa2 = tabHex[hexa2];
if (hexa2 == null) hexa2 = "0";
hexa1 = tabHex[hexa1];
if (hexa1 == null) hexa1 = "0";
return hexa1 + hexa2;
}
function degrade(text, size) {
var facteur = 256/text.length;
var i, x;
for (i=0; i<text.length;i++) {
x = conversion(facteur * i);
document.write ('<font size=' + size + ' color="#FF' + x + x + '">' +
text.substring (i, i+1) + '</font>');
}
}
</script>Далее, в том месте странички, где необходимо вывести нужный Вам текст с эффектом плавного растворения, вызываем функцию, описанную выше, для чего используем следующий JavaScript код:
<script type="text/javascript">
degrade("Пример растворяющегося текста", 5);
document.write('<br>');
degrade("Скрипт довольно прост в использовании", 5);
</script>Обратите внимание, что при вызове функции degrade() используется два параметра: собственно сам текст и его размер. За внесение изменений в цвет отображаемых букв, в коде скрипта отвечает участок кода: color="#FF' + x + x + '". Для получения другого цвета, можно заменить, например, на: color="#' + x + x + 'FF" или на: color="#' + x + 'FF' + x + '".
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.