<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" >  function showSize(e){
var div = document.createElement('div');
div.id = "div124";
div.style.position = "absolute";
div.innerHTML = "width:" + e.offsetWidth + "height:" + e.offsetHeight;
document.body.appendChild(div);
  }
  function hide(){
var div = document.getElementById("div124");
document.body.removeChild(div);
  }
  </script>
 </HEAD> <BODY>
  <img src='1.jpg' onmouseout="hide()" onmouseover="showSize(this)">
 </BODY>
</HTML>这是一个思路,你自己调试精确。