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

Сообщение от gtrel
только не пинайте сильно
Да за такое и отпинать не грех!

Сообщение от gtrel
Но он не работает в связке с jquery
Бивас, тест!

<!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">
html,
body {
	width: 100%;
	height: 100%;
}
.bird {
	position: fixed;
}
</style>
<script type="text/javascript">
var rad = 200;
var k=0.3;
var xoff = 300; 
var yoff = 100; 
var pi = Math.PI; 
var inc = pi/300; 
var t=[0, 2*pi/3, 4*pi/3];
window.onload=updateTime;
//
function updateTime() {
	var i,x,y,o;
	for (i=0; i<t.length; i++) {
		x=Math.floor(rad*Math.cos(t[i])) + xoff;
		y=Math.floor(rad*k*Math.sin(t[i])) + yoff;
		t[i]+= inc; 
		o = document.getElementById("runner"+i);
		o.style.top = y+'px';
		o.style.left = x+'px';
	};
	setTimeout(updateTime, 25);
};
</script>
</head>
<body>
<a href='#' id='runner0' class='bird'>runner0</a>
<a href='#' id='runner1' class='bird'>runner1</a>
<a href='#' id='runner2' class='bird'>runner2</a>
</body>
</html>

Таки работает!
Ответить с цитированием