One of the new functions of HTML 5 is the drag & drop API. It is natural for Gmail and others, and it is essential for providing WYSIWYG functions. It will be an important function in web applications.
Draggable JS is a library that makes such a drag & drop API multifunctional.
How to use Draggable JS
It is a demonstration. You can specify a location that can be dropped.
Here as well. You can drop one, but the other can not.
It is a swap demonstration. The patterns will change.
Demonstration of sorting. When dragging it is rearranged.
If you bring it to a place you can not drop the block trembles.
Mouse over to animate.
Animation is also here. It is even more flashy.
I will bounce with the mouse over.
Draggable JS is a library developed by Shopify which is known for e-commerce service. It is no wonder that drag and drop is used on the e-commerce site management screen etc. That would be practical, and the required functionality will be implemented.
Draggable JS is JavaScript open source software (MIT License).
No comments:
Post a Comment