jquery 鼠标放上去显示浮动字体的问题

$(document).ready(function() {
$('.i-list01').hide();
$('.c1').mousemove(function() {
$('.i-list01').show();
});
$('.c1').mouseleave(function() {
$('.i-list01').hide();
});
});   
  jsp中的代码如下：
<td class="formLabel"> <a class="c1">smsBusIntroduceSubscriber</a>
<div class="i-list01">
短信厅描述处理器
</div>怎么能让鼠标放上之后i-list01 所在的div是浮动的

解决方案 »

  1.   

    需要对div进行绝对定位，用css控制下吧。好像是，查查div的用法吧
      

  2.   

    <table>
    <tr>
    <td title="sdf">sdf</td>
    <td title="as">as</td>
    <td title="df">df</td>
    </tr>
    </table>
    LZ可以直接给td加  title属性啊、、、
      

  3.   

    <table>
    <tr>
    <td title="sdf">sdf</td>
    <td title="as">as</td>
    <td title="df">df</td>
    </tr>
    </table>
    LZ可以直接给td加  title属性啊、、、
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script src="jquery.js"></script><script>
    $(document).ready(function(){
    var showTips = function() {
    $("#tips").show();
    }
    var hideTips = function() {
    $("#tips").hide();
    }
    var moveTips = function(e) {
    var x = (e.originalEvent.x || e.originalEvent.layerX || 0) + 20;
    var y = (e.originalEvent.y || e.originalEvent.layerY || 0) + 20;

    $("#tips").css("left",x);
    $("#tips").css("top",y);

    //$("#s").append(x + "-" + y);
    }

    $("#text").mouseenter(showTips);
    $("#text").mouseleave(hideTips);
    $("#text").mousemove(moveTips);
    });
    </script>
    </head>
    <body>
    <a href="#" id="text">link button</a>
    <div id="tips" style="position:absolute;display:none;border:1px solid blue;">tips text</div>
    <div id="s"></div>
    </body>
    </html>