Hi all,
Here I’m going to show you, how to implement drag and drop functionality using jquery. This drag and drop method mostly used for designing purpose.Drag the image from div and drop to specified div after successfully droped the success message box display otherwise fail alert box display. Here I just used a simple drag and drag concept for designing purpose
If you want to add drag and drop functionality into your web site, you need to include both jQuery library and jQuery UI plugins.
When you add an element to a web page — such as a div or an image — then that element is fixed in the page. However, using jQuery UI, it’s easy to make any element draggable with the mouse.
To make an element draggable, simply call the draggable() method on it.
CODE
Drag and Drop-prittytimes.com ![]()
![]()
![]()
![]()
![]()
![]()
![]()
Drop here
The drag and drop concept or method mostly used for designing purpose. In above example i just used a simple drag and drag concept for designing purpose.
The div are draggable, that is what we are mentioned in the above script. i hope this will helpful to every one.