Drag To Share Like Mashable.com With jQuery
20
Oct
Anyone who visited Mashable lately, the popular social news website, might have seen the "drag to share" functionality which appears when hovering an image.
It is a smart technique which encourages visitors to share a story by offering a quite fun usage.
Nettuts+ is sharing a very nice tutorial (with source) that enables you to implement this feature using jQuery & jQuery UI.
It makes use of the draggable & droppable components of jQuery UI to make drag’n dropping & targeting objects possible.
To see how it works, a demo is provided as well.
Requirements: jQuery & jQuery UI
Compatibility: All Major Browsers
Website: http://net.tutsplus.com/tutorials/javascript-ajax/dr...
Demo: http://nettuts.s3.amazonaws.com/467_dragtoShare/sour...
Compatibility: All Major Browsers
Website: http://net.tutsplus.com/tutorials/javascript-ajax/dr...
Demo: http://nettuts.s3.amazonaws.com/467_dragtoShare/sour...
- Tags:
Drag'n Drop Javascript
- Filed under: Goodies, No License, Social Networking
- 4 Comments
4 Responses for "Drag To Share Like Mashable.com With jQuery"
This demo is pretty sweet indeed – Abduzeedo has it too. Thanks for the link mate!
@Marco
Oh my god!!
It’s easier clicking for sharing than dragging? Really do you think it’s usable??
Sometimes something pretty is not useful.
Agree with David, it can’t be used anywhere.
Its not working dude i tried it on http://testingblogpnp.blogspot.com/
but all in vain…