css的DIV和javascript里面的事件

display:none和visibility:hidden;的不同在于display:none完全取消元素的显示，
visibility:hidden保持元素位置但视觉上的内容不可见。
例如，如果3的第二段设置为display:none，第一段将仅跟在第三段，
如果设置为visibility:hidden，段落间就会空出。

<div id="mydiv" style="position:absolute;width:200px; height:80px; border:1px solid #000; margin:10px; background:#ccc;display:none" ></div>

   clientX, clientY，offsetX, offsetY,screenX, screenY, x, y 的区别是什么？
   clientX, clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；
   offsetX, offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；
   screenX, screenY是相对于用户显示器的位置
   x,y是鼠标当前相对于当前浏览器的位置