如何用css实现title属性的效果

title
鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

　　格式为：<img src="图片路径" alt="logo" title="首页" />

比如:
<script>
function display()
{
document.getElemenyById("tdcontent1").style.display="block";
}
function no()
{
document.getElemenyById("tdcontent1").style.display="none";
}
</script>
<table><tr><td id="td1" onmouseover="display();" onmouseout="no();">内容..</td></tr></table>

<div id="tdcontent1" style="display:none;position:absolute;left:120px;top:120px;">这里显示内容的全部内容</div>(让他绝对定位,可能会产生一定的误差)

首先做好单元格内的所有内容（鼠标经过时什么样就做成什么样），然后用margin-top:-100000px把它强制拖到看不到的位置，单元格上用一个hover，hover里面把margin写成正常值

用CSS还真不会..不过这几天我在学JS,用脚本语言实现我想会容易些..