过长数据名截取并鼠标触发展示全名

过长数据名截取并鼠标触发显示全名
<span style="float:left; width:190px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">
  <a href="#" title="when i was young,i listen to the radio,my baby!">
    when i was young,i listen to the radio,my baby!
  </a>
</span>




显示如下：
 
  静态显示：when i was young,i listen to the r...
  鼠标触发时，显示全名。
  下有附件为效果图
  试试看。。。