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

Плавающее изображение
есть такой вот скриптик
<script>
window.onload = function(){
init();

}

function init(){
var image = document.createElement("div")
	with(image.style){
		position = "absolute";
		left = "10px";
		top = "30px";
		width = "100px";
		height = "100px";
		border = "1px solid red"
		backgroundImage = "url(image_0.jpg)";
	}
	image.id = 'image';
	document.body.appendChild(image);
var text = document.createElement("div");
with(text.style){
		position = "absolute";
		left = "300px";
		top = "200px";
		width = "100px";
		height = "30px";
		border = "1px solid red"
	}	text.id='info';document.body.appendChild(text);
}
function go(){
var image = document.getElementById('image');
 scrollInterval = setInterval('xxx()', 2);
return false;

}
function xxx(){
var image = document.getElementById('image');
var left = parseInt(image.style.left);
document.getElementById('info').innerHTML = left;
if (left<500){
	image.style.left =left+4 + "px";
}
else{ clearInterval(scrollInterval);
image.style.left = "10px";

}
}

При нажатии на ссылку блок начинает движение!!!
Возможно ли сделать как ниубдь чтобы это было более гладко, а то во время движения появляются гллюки и небольшие искажения =(((
Заранее спасибо!!!
Ответить с цитированием