这个功能怎么实现？

不需要javascript啊，你可以在显示的时候，截取一定的长度，然后在title里显示全部内容，
如果想更有主控权，才用javascript，给你一个例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<DIV ID="tips_table" style="POSITION:absolute;VISIBILITY:hidden;Z-INDEX:100;"></DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
Xoffset=0;Yoffset= 18;
var yyy=-2000;xxx=-2000;
var skn=tips_table.style;
document.onmousemove=get_mouse;
function show_tips(msg){
if(msg=="")msg="此域目前值为空";
yyy=Yoffset;
xxx=Xoffset;
document.all("tips_table").innerHTML="<TABLE BORDER=0 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=1 BGCOLOR=#000000><TD BGCOLOR=#ffffe0>"+msg+"</TD></TABLE>";
skn.visibility="visible";
}
function get_mouse(e){
var x=event.x+document.body.scrollLeft;
skn.left=x+xxx;var y=event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function break_tips(){
yyy=-1000;xxx=-1000;
skn.visibility="hidden";
}
//-->
</SCRIPT>
<a href="#" onmouseout='break_tips()' onmouseover=show_tips("abcdefg");>test Text</a>
</BODY>
</HTML>