Показать сообщение отдельно
  #29 (permalink)  
Старый 28.01.2012, 14:43
Интересующийся
Отправить личное сообщение для art13 Посмотреть профиль Найти все сообщения от art13
 
Регистрация: 05.12.2011
Сообщений: 17

Сообщение от Keeper Посмотреть сообщение
Aж понравилось )
Сообщение от trikadin Посмотреть сообщение
Keeper, сделайте запускаемым, штоле...
Я немного причесал.
<html>
<head>
</head>
<body>
<div id="t" style="position: absolute">простидижетатор</div>
<script>
 
var obj = document.getElementById("t");
var x = 0;
var span = {};
var animation_on = false;
 
function move()
{
    x=x+1;
    s=x+"px";
    span.style.left=s;
}
 
var letters_move = function()
{
    // console.log(' x = '+x);
    var o = obj.innerHTML;
    if(animation_on)
    {
	if(x<100) { move();}
	else
	{
	    span.style.display='none';
            animation_on = false;
            x=0;
            if(o.length<1) { return false;}
        }
    }
    else
    {
        span = document.createElement('SPAN');
        span.appendChild(document.createTextNode(o.slice(0,1)));
        span.style.top = obj.offsetTop;
        span.style.left = obj.offsetLeft;
        span.style.position = "absolute";
        document.getElementsByTagName('body')[0].appendChild(span);
        obj.innerHTML = o.slice(1,o.length-1);
 
        animation_on = true;
        // console.log(' - animation_on: '+animation_on );
        move();
    }
    setTimeout("letters_move()",7);
}
setTimeout("letters_move()",7);
</script>
</body>
</html>
Ответить с цитированием