Сначала скопируйте его и посмотрите работающий эффект. Суть использования — метод setInterval():
Скопируйте код кода следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<голова>
<title>JavaScript</title>
<стиль>
HTML
{
цвет фона: серебро;
}
.point1
{
позиция: абсолютная;
слева: 10 пикселей;
верх: 40 пикселей;
}
.point2
{
позиция: абсолютная;
слева: 100 пикселей;
верх: 40 пикселей;
}
.hr1
{
позиция: абсолютная;
верх: 60 пикселей;
}
</стиль>
<script type="text/JavaScript">
document.onmousedown = mousedown;
document.onmouseup = mouseup;
вар интервалПроцесс;
вар прямой = правда;
функция mousedown(){
интервалПроцесс = setInterval("MovePoint()", 1);
}
функция mouseup(){
ClearInterval (интервалПроцесс);
}
функция MovePoint(){
с (document.getElementById("point1").style){
если (isNaN(parseInt(слева)))
влево = "10 пикселей";
еще {
document.getElementById("point2").style.left = "200px";
если (parseInt(слева) <0)
прямой = правда;
if (parseInt(left) > parseInt(document.getElementById("point2").style.left))
прямой = ложь;
если (прямой)
влево = parseInt(влево) + 1 + "px";
еще
left = parseInt(left) - 1 + "px";
}
}
}
</скрипт>
</голова>
<тело>
<div id="point1"><font color=blue>a</font></div>
<div id="point2"><font color=red>b</font></div>
<час />
</тело>
</html>