Показать сообщение отдельно
  #24 (permalink)  
Старый 27.01.2012, 23:43
Аспирант
Отправить личное сообщение для Keeper Посмотреть профиль Найти все сообщения от Keeper
 
Регистрация: 28.04.2011
Сообщений: 73

Aж понравилось )

<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>

Последний раз редактировалось trikadin, 28.01.2012 в 16:08.
Ответить с цитированием