|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
14.05.2019, 23:07 | #1 |
Новичок
Джуниор
Регистрация: 14.05.2019
Сообщений: 2
|
Изменить пример так,чтобы фигура двигалась в окне,и не выезжала за его границы
<html>
<head><title>Перетаскивание</title></head> <body onload= "init()"> <h2 align= "center" style="color:#ff00ff"> Перетаскивание квадрата мышкой</h2> <h3>align="center"> Установите курсор внутри красного квадрата, нажмите левую кнопку мышки и тащите квадрат.<BR> Для освобождения квадрата от захвата отпустите кнопку мышки</h3> <P align= right> Примечание. Страница правильно отображается в браузерах <i>Mozilla Firefox 2.0</i> и <i>Internet Explorer 6.0 </i> </p> <DIV id= 'kv' style= "position:absolute;left:10;top:10;w idth:50;height:50;background-color:red"> </div> </body> <SCRIPT> flag= false; //Связывание событий с функциями function init() { //Если мышка двигается то выполняется ф-ция dragIt document.all.kv.onmousemove= dragIt //Если кнопка мышки отпускается, то - ф-ция osvobodi document.all.kv.onmouseup= osvobodi document.all.kv.onmousedown=zachvat } function dragIt(evt) { Параметр evt создаётся самим браузером sobytie=(evt) ? evt window.event) ?window.event : ""; if(flag) { document.all.kv.style.top=sobytie.c lientY-25; document.all.kv.style.left=sobytie. clientX-25; < } } function osvobodi() { flag=false;//устанавливается запрет на перетаскивание } function zachvat() { flag=true;//Перетаскивание разрешается } </SCRIPT> </html> Задача 5.2. Измените последний пример так, чтобы красный квадрат можно было перемещать внутри серого квадрата размером 500х500 пикселей. |
14.05.2019, 23:18 | #2 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Помогите перейти от Процедур к Классам (пример подпрограммы рисования линии с x1, y1, x2, y2, цвет, фигура) | DrDany | Общие вопросы по Java, Java SE, Kotlin | 2 | 16.12.2018 13:34 |
Как сделать чтобы, строка на панели двигалась? | Alina_1333 | JavaScript, Ajax | 1 | 27.06.2018 22:27 |
нарисовать избушку на с++, чтобы у нее крыша двигалась | sanay001 | Помощь студентам | 2 | 22.12.2016 11:38 |
Тема:Модуль граф,-нужно чтобы получилась фигура и чтобы она двигалась | Gulnaz379 | Помощь студентам | 6 | 27.10.2012 17:38 |
что-то вроде змейки - программа в PascalABC, чтобы змейка из 3-4 звеньев двигалась в точку, указанную мышкой | somebody unknown | Помощь студентам | 5 | 17.07.2012 15:55 |