Snapping cursor to a target
<p>I have a small 10px diameter circle inside a color box.  Dragging the circle around chooses a color.  But I don't want the user to have to get the cursor exactly inside the 10px circle before they can drag it.  If they get anywhere near the circle, say within a 30px square around the circle, I'd like the cursor to snap to the center of  the circle.</p>

<p>I know you can snap draggable objects with jQuery UI, but snapping the <em>cursor</em>. 
seems different.  </p>

<p>Thanks for any ideas.</p>
