Статьи

10 jQuery Drag and Drops

10 потрясающих плагинов jQuery Drag and Drop. Хотите стать экспертом в перетаскивании объектов? Тогда не смотрите дальше — эти уроки для вас! Большинство этих плагинов написаны на jQuery, и их очень легко настроить и внедрить в ваши собственные проекты за считанные минуты.

Обновление: есть еще 18 плагинов перетаскивания здесь


1. jQuery Iviewer

jQuery.iviewer — это плагин jQuery, используемый для загрузки и просмотра изображения в контейнере с возможностью масштабирования изображения и его перетаскивания мышью в контейнер.
JQuery-Iviewer-.jpg
Источник


2. Dragscrollable

Прокрутите большой вложенный слой в области просмотра, используя встроенную прокрутку из контейнера. Он не требует перетаскивания из интерфейса и работает быстрее, чем перетаскивание.
Dragscrollable.jpg
Источник


3. Неттутс перетаскивание

В этом уроке я покажу вам, как создать настраиваемый интерфейс с виджетами. Готовый продукт представляет собой гладкий и ненавязчиво-подобный интерфейс, похожий на iGoogle, который имеет множество потенциальных приложений.
Nettuts-Drag-и-Drop-.jpg
Источник


4. EasyDrag JQuery плагин

Это очень просто: сначала вы вызываете метод easydrag (), как в старой версии, а затем вызываете метод setHandler (), передавая ему идентификатор элемента, который будет действовать как дескриптор. Дескриптор ДОЛЖЕН быть дочерним элементом содержимого, которое будет перетаскиваться.
EasyDrag-JQuery-плагин-.jpg
Источник


5. Как создать простое перетаскивание с помощью jQuery

Вот краткое руководство, которое поможет вам начать работу с jQuery drag and drop.
Как к Create-A-Simple-Drag-и-Drop-с-JQuery-.jpg
Источник


6. Перетащите с помощью PHP и JQuery

Возможность перетаскивать контент на странице и сохранять его порядок может создать отличный пользовательский интерфейс, и его относительно легко выполнить с помощью нескольких строк jQuery.
Drag-Drop-с-PHP-JQuery-.jpg
Источник


7. Перетащите с сохранением с помощью JQuery

В этом руководстве мы сосредоточимся на том, как создать аналогичную функцию перетаскивания для добавления пользователей в комнату.
Drag-и-Drop-с-Постоянство-используя-JQuery-.jpg
Источник


8. Более сложный jQuery Drag & Drop (с клонированием)

Научитесь перетаскивать с помощью клонирования с помощью jQuery.
А'мор продуман-JQuery-Drag-Drop-с-клонирование-.jpg
Источник


9. Кнопки перетаскивания

Узнайте, как создавать кнопки типа Drag and Drop.
Drag-и-Drop-Buttons-.jpg
Источник


10. Вставка текста с помощью Drag n ‘Drop

В этом мы научимся вставлять текст с помощью перетаскивания с помощью jQuery.
Вставка-текст-с-Drag-N-Drop-.jpg
Источник