Пример 13.18. Перетаскивание элементов
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.0 Transitional//EN»>
<HTML>
<HEAD>
<TITLE>Перемещение элементов страницы</TITLE>
<SCRIPT type = "text/javascript">
var dX, dY; //Координаты точки, за которую "держат" элемент var element; //Перемещаемый элемент var fMoving = false; //==true, если перемещается элемент
//Функция начинает перемещение элемента function start(){
if (event)
fMoving = true;
element = event.srcElement;
//Сохраняем координаты "хватания" элемента dX = event.offsetX;
dY = event.offsetY;
//Для перемещения элемент должен свободно позиционироваться element.style.position = "absolute";
}
//Функция перемещения элемента function move(){
if (fMoving){
//Установим новые координаты для элемента element.style.pixelLeft = event.x – dX;
element.style.pixelTop = event.y – dY;
}
}
</SCRIPT>
</HEAD>
<BODY onMouseMove="move()" onMouseDown = "start()"
onMouseUp = "fMoving = false">
<IMG alt = "Перемещаемый рисунок" width = "100" height = "100">
<P>Перемещаемый текст
<H1>Перемещаемый заголовок</H1>
</BODY>
</HTML>
Кіру не тіркелу пікір қалдыру үшін