Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.02.2013, 15:58
Новичок на форуме
Отправить личное сообщение для gtrel Посмотреть профиль Найти все сообщения от gtrel
 
Регистрация: 14.02.2013
Сообщений: 2

javascript + jquery
Добрый день. Есть простой скрипт
var rad = 200;
var k=0.3;
var xoff = 300;
var yoff = 100;
var pi = Math.PI;
var inc = pi/300;
var t=0;
var t2=2*pi/3;
var t3=4*pi/3;
function updateTime()
{
var x1= (rad*Math.cos(t)) + xoff;
var y1= (rad*k*Math.sin(t)) + yoff;
var x2= (rad*Math.cos(t2)) + xoff;
var y2= (rad*k*Math.sin(t2)) + yoff;
var x3= (rad*Math.cos(t3)) + xoff;
var y3= (rad*k*Math.sin(t3)) + yoff;
t+= inc;
t2+= inc;
t3+= inc;
var divRunner1 = document.getElementById("runner1");
divRunner1.style.top = y1;
divRunner1.style.left = x1;
var divRunner2 = document.getElementById("runner2");
divRunner2.style.top = y2;
divRunner2.style.left = x2;
var divRunner3 = document.getElementById("runner3");
divRunner3.style.top = y3;
divRunner3.style.left = x3;
setTimeout('updateTime();', 25);
}
window.onload=updateTime
Который двигает ссылки по эллипсу. Но он не работает в связке с jquery. Подскажите куда копать (только не пинайте сильно только разбираюсь с этим)
Ответить с цитированием
  #2 (permalink)  
Старый 14.02.2013, 16:16
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от gtrel
javascript + jquery
звучит как: Человек + Мужик
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 14.02.2013, 16:31
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

Сообщение от 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>

Таки работает!
Ответить с цитированием
  #4 (permalink)  
Старый 14.02.2013, 16:34
Новичок на форуме
Отправить личное сообщение для gtrel Посмотреть профиль Найти все сообщения от gtrel
 
Регистрация: 14.02.2013
Сообщений: 2

Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить функцию JavaScript (PHP, AJAX, jQuery) Sinot jQuery 3 04.02.2013 13:32
помогите преобразовать javascript в jquery Rayzor jQuery 1 13.09.2012 12:00
Javascript + jQuery для начинающих видеоформате tamerlan_93 Общие вопросы Javascript 3 26.04.2011 01:04
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34