Меню сайта

Реклама



Мини-профиль
Турист



СТАЛКЕР!
Привет сталкер!
Я рад тбя видеть!
Но я незнаю кто ты?
Регистрация
Вход!

---

Список Сталкеров

Мини-чат

Вход на сайт
Ну что застыл?Входи уже!
Логин:
Пароль:

Поиск

Активисты форума
Мировой
"VIP"
Ранг: Бог зоны
Посты: 1857
Пол: Сталкер
Репутация: 521
Ramzes
"Модератор"
Ранг: Бог зоны
Посты: 1116
Пол: Сталкер
Репутация: 112
Червь
"VIP"
Ранг: Бог зоны
Посты: 875
Пол: Сталкер
Репутация: 250

Наш опрос
Каким снайперским оружием вы пользуетесь в сталкер?
Ответов: 215

Друзья сайта


Друзья сайта


Статистика

Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Digefal  
Форум » Web » Скрипты ucoz(stalker) » Делаем перемещаемыми любые элементы сайта
Делаем перемещаемыми любые элементы сайта
VorGenДата: Четверг, 22.09.2011, 17:25 | Сообщение # 1

Администратор

Сообщений: 7
Награды: 52
Репутация: 744

Статус:


При помощи этого скрипта вы можете сделать абсолютно любые элементы сайта перетаскиваемыми, будь это картинки, отдельные слова или даже целые блоки.
Для начала посмотрите Сайт

Установка:

На нужных вам страницах после /head вставляйте:
Code
<style type="text/css">   
  .drag{   
  position:relative;   
  cursor:hand;   
  z-index: 100;   
  }   
  </style>   

  <script type="text/javascript">   
  /***********************************************   
  * Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)   
  * This notice MUST stay intact for legal use   
  * Visit http://www.dynamicdrive.com/ for this script and 100s more.   
  ***********************************************/   
  var dragobject={   
  z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,   
  initialize:function(){   
  document.onmousedown=this.drag   
  document.onmouseup=function(){this.dragapproved=0}   
  },   
  drag:function(e){   
  var evtobj=window.event? window.event : e   
  this.targetobj=window.event? event.srcElement : e.target  
  if (this.targetobj.className=="drag"){   
  this.dragapproved=1   
  if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}   
  if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}   
  this.offsetx=parseInt(this.targetobj.style.left)   
  this.offsety=parseInt(this.targetobj.style.top)   
  this.x=evtobj.clientX   
  this.y=evtobj.clientY   
  if (evtobj.preventDefault)   
  evtobj.preventDefault()   
  document.onmousemove=dragobject.moveit   
  }   
  },   
  moveit:function(e){   
  var evtobj=window.event? window.event : e   
  if (this.dragapproved==1){   
  this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"   
  this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"   
  return false   
  }   
  }   
  }   

  dragobject.initialize()   
  </script>


Подготовка скрипта закончена. Для того, чтобы сделать какой-либо элемент перетаскиваемым, достаточно ему добавить класс drag. Вот несколько примеров:
Code
<img src="Ссылка на картинку" class="drag">   
<div class="drag">Здесь любой контент, который будет перемещаемым</div>   
<b class="drag">Простой перемещаемый текст</b>


Источник
DigefalДата: Пятница, 21.10.2011, 14:56 | Сообщение # 2

Сталкер

Сообщений: 274
Награды: 3
Репутация: 80

Статус:
у ко класс проверим [b10][/b10]

Сообщение отредактировал Digefal - Пятница, 21.10.2011, 14:56
ДимонДата: Суббота, 22.10.2011, 15:55 | Сообщение # 3

Paint it Black

Сообщений: 439
Награды: 6
Репутация: 106

Статус:
класная штука
Форум » Web » Скрипты ucoz(stalker) » Делаем перемещаемыми любые элементы сайта
  • Страница 1 из 1
  • 1
Поиск:

Портал Stalker-St является собственностью его владельца.
Копирование материалов дизайна Запрещено!
Дизайн сделал Александр Пюссе (Grimm)
Stalker-St.ru © 2011 - 2014
Хостинг от uCoz