Drag & Drop Уолтера Цорна — это API-интерфейс DHTML, который позволяет легко добавлять расширенные функции перетаскивания к любому элементу на странице. API поддерживает перетаскивание и изменение размера, а также предоставляет методы Javascript для программного перемещения и изменения размера элементов. Он работает во внушительном диапазоне браузеров вплоть до Netscape 4 и имеет опции, которые включают ограничение области, в которой можно манипулировать элементом, и ограничение изменения размера, чтобы поддерживать первоначальное соотношение ширины и высоты элемента.
Ранее я использовал DOM-Drag , похожую библиотеку Aaron Boodman, для создания пользовательских интерфейсов, которые позволяют пользователям устанавливать порядок элементов, перетаскивая их относительно друг друга. Аарон недавно обновил документацию DOM-Drag, чтобы включить еще больше примеров.
Я предпочитаю API DOM-Drag по сравнению с Drag & Drop, так как он использует интеллектуальную ориентацию объекта для обеспечения ловушек для выполнения дополнительных действий при возникновении событий, связанных с перетаскиванием. API Drag & Drop менее гибок, но библиотека обеспечивает поддержку изменения размеров из коробки и совместима со старыми браузерами. Я рекомендую попробовать оба, прежде чем выбрать один из них в качестве отправной точки для ваших собственных сценариев.
На сайте Уолтера есть еще несколько интересных CSS-экспериментов, в том числе впечатляющий генератор графиков и библиотека для динамического рендеринга векторной графики .