Показать сообщение отдельно
  #4 (permalink)  
Старый 29.10.2014, 16:06
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Работающий вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
#bloc {
	position: relative;
}
</style>
<script type='text/javascript'>
function move(id) { 
	var left = 1;
	var top = 1;
	var stepLeft = 1;
	var stepTop = 1;
	id=document.getElementById(id);
	function frameLeft() {
		left = left + stepLeft;
		if (left == 100) {
			stepLeft = -1;
			//alert(left)
		};
		if (left == 0) {
			stepLeft = 1;
		};
		id.style.left = left + 'px';
	};
	function frameTop() {
		top = top + stepTop;
		if (top == 150) {
			stepTop = -1;
		};
		if (top == 0) {
			stepTop = 1;
		};
		id.style.top = top + 'px';
	};
	var timerLeft = setInterval(frameLeft, 20); 
	var timerTop = setInterval(frameTop, 20);
}
</script>
</head>
<body onload = 'move("bloc")'> 
<div class="div">
	<div class="LL">0</div>
	<div class="BG">1</div>
	<div class="RR">2</div>
	<div id="bloc"> 123 </div>
</div>
</body>
</html>
Ответить с цитированием