Drag and Drop Concept – Jquery

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



demo

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.

Leave a Reply

Your email address will not be published.