Описание: Давно я не добавлял новых скриптов на JavaScript , и решил сегодня показать один весьма интересный скрипт, который способен, как минимум, привлечь внимание пользователя - это скрипт " Текст на волнах ", написанный на JavaScript .
Описание: Давно я не добавлял новых скриптов на JavaScript, и решил сегодня показать один весьма интересный скрипт, который способен, как минимум, привлечь внимание пользователя - это скрипт "Текст на волнах", написанный на JavaScript.
Результат:
Код JavaScript (вставлять между тегами <head> и </head>):
<script type="text/javascript">
function nextSize(i, way, length) {
if (way == 1)
return 30 * Math.abs(Math.sin(i / (length / Math.PI)));
else
if (way == 2)
return 100 * Math.abs(Math.cos(i / (length / Math.PI)));
}
function sizeCycle(text, way, d) {
out = "";
for (i = 0; i < text.length; i++) {
size = parseInt(nextSize(i + d, way, text.length));
out += "<span style='font-size: "+ size +"pt'>" +text.substring(i, i + 1)+ "</span>";
}
document.getElementById("wave").innerHTML = out;
}
function doWave(text, n) {
sizeCycle(text, 1, n);
if (n > text.length) n = 0;
setTimeout("doWave(\"" + text + "\", " + (n + 1) + ")", 50);
}
</script>
<div id="wave"></div>
