Показать сообщение отдельно
  #7 (permalink)  
Старый 12.04.2013, 16:16
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

Я вас правильно понял? А куда картинки то вставлять .Адреса прописывать

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Баннер</title>
<head>
</head>

<body>
<script language="JavaScript">
function bindFrameAnimation() {
	var requstAnimation = window.requestAnimationFrame ||                              window.mozRequestAnimationFrame ||
						  window.webkitRequestAnimationFrame || window.msRequestAnimationFrame,
		el = document.getElementById("shape"),
		start = new Date().getTime();
	
	function animate() {
		var progress = new Date().getTime() - start,
			leftPos = (el.style.left) ? el.style.left.replace("px", "") : 0;
		
		el.style.left = ++leftPos + "px";
		
		if(progress < 10000) {
			requstAnimation(animate);
		}
	}
	
	requstAnimation(animate);
}

window.onload = bindFrameAnimation;

</SCRIPT>
<div  style="width:250px;height:250px;" onmouseover="bindFrameAnimation();">
<img id="shape" src = "mashina_glavn_baner2.jpg" height= "100%" width= "100%" />
</div>

</body></html>

Последний раз редактировалось jei, 12.04.2013 в 16:20.
Ответить с цитированием