|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.08.2008, 11:08 | #1 |
Пользователь
Регистрация: 03.05.2008
Сообщений: 25
|
Перемещение картинки на JS.
Перемещение картинки на JS. Есть большая картинка, на ней несколько маленьких. Пользователь кликает сначала на той маленькой картинке, которую хочет переместить, затем кликает на большой и картинка постепенно перемещается в точку куда пользователь кликнул.
Код HTML:
<img src=back.jpg onclick=drive()> <div style="position:absolute; top:20px; left:50px" id=div1> <img src=image1.jpg id=1 onclick=sel('1')> </div> <div style="position:absolute; top:60px; left:50px" id=div2> <img src=image2.jpg id=2 onclick=sel('2')>> </div> <div style="position:absolute; top:100px; left:50px" id=div3> <img src=image3.jpg id=3 onclick=sel('3')>> </div> <form name=info> <input type=hidden name=selected> </form> <script> function sel(id) { document.info.selected.value = id document.getElementByID(id).src = 'selimage'+id+'.jpg' } function drive() { document.getElementByID('div'+document.info.selected.value).style.top = event.y document.getElementByID('div'+document.info.selected.value).style.left = event.x } </script> |
25.03.2009, 17:15 | #2 |
Пользователь
Регистрация: 27.01.2009
Сообщений: 97
|
|
27.03.2009, 20:41 | #3 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
перемещение формы | Черничный | Общие вопросы Delphi | 11 | 10.12.2009 11:06 |
Перемещение кнопки? | &RiU | Общие вопросы Delphi | 1 | 28.05.2008 18:13 |
Перемещение компонентов | _SERGEYX_ | Общие вопросы Delphi | 2 | 10.04.2008 13:33 |
Автоматическое перемещение | Kirik | JavaScript, Ajax | 4 | 16.11.2007 17:42 |
Перемещение файлов | Nasya | Microsoft Office Excel | 2 | 13.10.2007 20:37 |