| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function onDragStart(event) { |
| var dragImage = document.getElementById('dragImage'); |
| event.dataTransfer.setDragImage( |
| dragImage, dragImage.offsetWidth / 2, dragImage.offsetHeight / 2); |
| } |
| </script> |
| </head> |
| <body> |
| <p><img id="dragImage" src="resources/webkit-background.png"> |
| <p>Try dragging the image or the link below. The drag image should be |
| identical to the image above, centered on the cursor. |
| <p><a href="#" ondragstart="onDragStart(event)">Drag Me</a> |
| <p><img src="resources/3dolph.gif" ondragstart="onDragStart(event)"> |
| </body> |
| </html> |