求：div宽度固定，里面的文字内容比div长，当鼠标移上去时滚动显示后面的内容

前两年很好找的一段代码，现在怎么找也找不到了，求高手指点

解决方案 »

  1.   


    <!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="">
      <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
      <script type="text/javascript">
    var inter,ln=0;
    function yd()
    {
    $("#tt").css("left",ln--);
    if(ln<-320)
    {
    clearInterval(inter);
    $("#tt").css("left",0);
    ln=0;
    }
    }
    $(function(){
    $("#tt").mouseover(function(){
    inter=setInterval(yd,30);
    }).mouseout(function(){
    clearInterval(inter);
    $("#tt").css("left",0);
    ln=0;
    })
    })
      </script>
      <style type="text/css">
    #xx{width:100px;height:100px;border:solid 1px blue;overflow:hidden}
    #tt{position:relative;overflow:hidden;width:320px;list-style-type:none;margin:0px;padding:0px}
      </style>
     </HEAD> <BODY>
      <div id="xx">
    <a id="tt">古藤老树昏鸦，小桥流水人家，古道西风瘦马</a>
     <div>
     </BODY>
    </HTML>