Как сделать подвижные окна

219

23 ноября 2017, 02:12

Как сделать подвижные окна как в этом видео https://www.youtube.com/watch?v=eSPknTG4rxg

Answer 1

Почитать тут: статья Draggable

  $( function() { 
    $( "#draggable" ).draggable(); 
  } );

#draggable:active { 
  cursor: -webkit-grabbing; 
} 
#draggable {  
  width: 150px;  
  height: 150px;  
  padding: 0.5em;  
  cursor: -webkit-grab; 
}

<!doctype html> 
<html lang="en"> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>jQuery UI Draggable - Default functionality</title> 
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
  <link rel="stylesheet" href="/resources/demos/style.css">  
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
</head> 
<body> 
  
<div id="draggable" class="ui-widget-content"> 
  <p>Меня можно перенести! Возьми меня!</p> 
</div> 
  
  
</body> 
</html>

Создание интернет-магазина электроники в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Не работает слайдер JavaScript

Всем привет, вообщем практикуюсь на JavaScript, дело дошло до слайдера, и тут заминкаДелаю вот такой вот контейнер:

237

HTML

У SVG скошенная линия

250

CSS

Выравнивание полями margin

Подскажите почему свойство margin не выравнивает список ul по вертикали Поле справа слева добавляет, верх низ не выравнивает http://cssdeckcom/labs/5en

195

CSS

Вложенное меню clip-path

fiddle

225