VPF::Перемещение div блока - Форум программистов

Deself

Дата 18.5.2012, 00:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 18.5.2012

Репутация: нет
Всего: нет

Народ, помогите нужно чтобы при нажатии на кнопку перемещялся div блок. Как это осуществить?
Вот код

Код


<html>
<head>
<style>
.page2{
width:637;
height:660;}
.users{
width:238;
height:441;
padding-top:126px;}
.online{
width:236;
height:159;
background-image: url(images/online.png);
left:10px;}
.offline{
width:236;
height:232;
background-image: url(images/offline.png);}
</style>
</head>
<body>
<div class="page2">
<div class="users">
<div class="online" onclick="this.style.left=parseInt(this.style.left) +20+'px'"></div>
<div class="offline"></div>
</div>
<input type="submit">
<div class="square" onclick="this.style.left=parseInt(this.style.left) +20+'px'" style="left: 10px">111</div>
</div>
</body>
</html>

Это сообщение отредактировал(а) Aliance - 18.5.2012, 09:27

Aliance

Дата 18.5.2012, 09:30 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Нужно через CSS проинициализировать свойство left потом его можно будет изменять.

http://jsfiddle.net/BsV8K/

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »