<style>
.shadow1 {
cursor:hand; position:absolute; top:50px; left:50px; 120px; height:120px; filter: dropshadow(color="#aaaaaa", offx=5, offy=5, positive=1) Alpha(Opacity=80);
}
.shadow2 {
cursor:hand; position:absolute; top:200px; left:50px; 120px; height:120px; filter: shadow(color=#aaaaaa,direction:135) Alpha(Opacity=80);
}
</style>
<script>
//coded by windy_sk <windy_sk@126.com>
var move_obj = null;
document.onmousemove = function(){
if(move_obj==null)return;
move_obj.style.top=event.y-move_obj.offsetHeight/2;
move_obj.style.left=event.x-move_obj.offsetWidth/2;
}
</script>
<body background="http://www.iecn.net/forum/images/iecn/logo.gif">
<div onselectstart="return false" class=shadow1 onmousedown="move_obj=this" onmouseup="move_obj=null">
<table width=100 height=100 style="background-color:white;border: 1px black solid">
<tr><td>Drag Me !</td></tr>
</table>
</div>
<div onselectstart="return false" class=shadow2 onmousedown="move_obj=this" onmouseup="move_obj=null">
<table width=100 height=100 style="background-color:white;border: 1px black solid">
<tr><td>Drag Me !</td></tr>
</table>
</div>
</body>