我的代码如下图:
4条回答
- 当作看不见 2016-09-14 16:29关注
可以实现了,你看一下效果吧
$(function(){ $("td").hover(function(e){ //自己加一个判断,e.pageY-90<0或者epageX-60<0的话就设置为0 //自己调整这个值,就能控制位置 $('div.info').html($(this).html()).toggle().css({ "top":e.pageY-90, "left":e.pageX-60 }) }) }) <style> .info{ width: 150px; height: 60px; border: 1px solid gold; background-color: wheat; border-radius: 10px; position: fixed; display: none; } </style> <p>545</p> <p>545</p> <p>545</p><p>545</p> <div class="info"> </div> <table id="tba"> <tr> <td > Homel</td> <td > About</td> <td >Subscribe RSS</td> </tr> </table>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报