I want to create a template design using drag and drop of multiple html elements images just like in http://www.weebly.com . Please help me out by giving any best example script which is mostly similar to weebly i am in very much need of this kind script
you want a site with this functionality or just want to design a simple page with that
you can try wysiwyg editor
or some more online drag and drop website builder or
if(you want to make this){
stop DayDreaming();
}
To experiment with drag and drop you can start off with HTML5.
It has drag and drop feature and you can make use of JavaScript to handle drag events. It is definitely the easy and best solution. Create widgets and then drop them in the target area where you want to place them, finally you will have a web template.
You are good to go!
jQuery UI makes this fairly simple. Give the draggable/droppable plugin a try: http://jqueryui.com/droppable/
There is no such Drag and Drop facility like Weebly on the market. That's how Weebly makes them competitive. It's something that you have to develop your own from scratch.
You need jQuery UI, just to do Drag and Drop. But this is still basic. You need to write custom Javascript on top of jQuery UI to manipulate DOM elements.