Показать сообщение отдельно
  #16 (permalink)  
Старый 18.01.2012, 11:14
Интересующийся
Отправить личное сообщение для art13 Посмотреть профиль Найти все сообщения от art13
 
Регистрация: 05.12.2011
Сообщений: 17

Мне предложили такой вариант. Не уверен что это работает быстро на слабеньких компах.
<html>
<head>
<title></title>
</head>
<body>
<script> 
var mPos = 0;
var cPos = 0;
var bukva;
var step=0;
function moveB()
{
var a;
setTimeout("myBuk = document.getElementById('a1'); mPos = 300; bokMove(myBuk);",75000);
setTimeout("myBuk = document.getElementById('a2'); mPos = 310; bokMove(myBuk);",60000);
setTimeout("myBuk = document.getElementById('a3'); mPos = 320; bokMove(myBuk);",45000);
setTimeout("myBuk = document.getElementById('a4'); mPos = 330; bokMove(myBuk);",30000);
setTimeout("myBuk = document.getElementById('a5'); mPos = 340; bokMove(myBuk);",15000);
var myBuk = document.getElementById("a6"); mPos = 350; bokMove(myBuk);
}
function bokMove(wrBuk)
{
bukva = wrBuk
cPos = parseInt(bukva.style.left);
step = setInterval("dvig();",40);
}
function dvig()
{
cPos++;
if(cPos < mPos) bukva.style.left = cPos + "px";
else clearInterval(step);
}
</script>
<span id="a1" style="position:absolute; left:15px;" onclick="moveB()">c</span>
<span id="a2" style="position:absolute; left:25px;" onclick="moveB()">c</span>
<span id="a3" style="position:absolute; left:35px;" onclick="moveB()">ы</span>
<span id="a4" style="position:absolute; left:45px;" onclick="moveB()">л</span>
<span id="a5" style="position:absolute; left:55px;" onclick="moveB()">к</span>
<span id="a6" style="position:absolute; left:65px;" onclick="moveB()">а</span>
</body>
</html>

Последний раз редактировалось art13, 28.01.2012 в 21:09.
Ответить с цитированием