Благодаря новым технологиям, таким как HTML5, интернет становится более приветливым и интуитивно понятным. Теперь, возможно легко осуществить эффект перетаскивание на Ваших веб-страницах. Это очень полезно, например для корзины интернет-магазина.
Чтобы создать элемент draggable, Вы просто должны добавить это draggable = «true» атрибут, как показано в примере:
<div id="columns">
<div draggable="true"><header>A</header></div>
<div draggable="true"><header>B</header></div>
<div draggable="true"><header>C</header></div>
</div>
Конечно, после того, как Вы создали элемент draggable, Вы должны использовать JavaScript, чтобы осуществить эффект drag & drop. Я собираюсь объяснять это чуть позже, в одной из статей.
Подсказка: Если вы хотите, предотвратить перетаскивание текстового содержимого, просто примените следующие правила CSS:
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}