Drag To Share Like Mashable.com With jQuery

Post pobrano z: Drag To Share Like Mashable.com With jQuery

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.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Drag'n Drop, Javascript

Related posts

• MooTools-JSON Event Calendar: MooGenda
• jQuery Event Calendar Plugin: jMonthCalendar
• Drag’n Drop JavaScript Time Picker
• Drag’n Drop Calendar With jQuery: FullCalendar
• Zoom Script With A Smart Interface: TJPzoom