document.onmouseover 如何改变href 的长度

例如：
<a href="#" title="">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)   </a>我已经做了判断  标题长度大于20时前面20位+... =上海举行公交突发情况实战演练(组图)上海举...想做成当鼠标移到 href 时变成 
标题长度超过40的时候 取前面40个字符+...否刚取全部
帮帮我谢谢，比较急啊

解决方案 »

  1.   


    <body>
    <div id=ttt>
    <a href="#" title="">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)  </a><br> 
    <a href="#" title="">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)  </a> 
    </div>
    <script language="javascript">
    <!--
    function cha(obj,len){
    var txt=obj.caiying2009
    if(txt.length>len)txt=txt.substr(0,len)+"...";
    obj.innerHTML=txt
    }function init(){
    var obj=document.getElementById("ttt").getElementsByTagName("a");j=obj.length;
    for (var i=0;i<j;i++){
    var txt=obj[i].innerHTML;
    obj[i].caiying2009=txt
    cha(obj[i],20)
    obj[i].onmouseover=function(){cha(this,40)}
    obj[i].onmouseout=function(){cha(this,20)}
    }
    }
    onload=init
    //-->
    </script>
    </body>
      

  2.   

    <html>
    <head>
    <title>PerlScript Hello World!</title>
    <script type="text/javascript">
    window.onload=function(){
        var aLinks=document.links;
        var i,nLen=aLinks.length;    for(i=0;i<nLen;i++){
            var oLink=aLinks[i];
            var sTitle=oLink.innerHTML.replace(/<[\S\s]*></g,"")
            oLink.title=sTitle.length<40?sTitle:sTitle.substring(0,36)+"....";
        }
    }
    </script>
    </head>
    <body bgcolor="#ffffff">
    <a href="#" title="">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)</a><br> 
    <a href="#" title="">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)  </a>
    </body>
    </html>
      

  3.   

    嗯谢谢 caiying2009 回答解决我的问题
    结贴哈
      

  4.   

    <script tyle="text/javascript">
    function sub40str(str)
    {
       str=str.substring(str,40);
       return str;
    }
    </script>
    <a href="#" onmouseover="this.title=sub40str(this.innerHTML)">上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)上海举行公交突发情况实战演练(组图)  </a>