JQ 浮动显示效果
代码
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function(){
$(".tr").mouseenter(function(e){
$("#spid").text($(this).attr("data-id"));
$("#fd").css({"top":e.clientY+20,"left":e.clientX+20 }).show();
}).mouseleave(function(){
$("#fd").hide();
});
});
</script>
</head>
<body>
<div class="tr" data-id="id-1">这里记录了一行的id,鼠标进来显示</div>
<div id="fd" style="display:none;border:solid 1px red;width:300px;height:300px;position:absolute;z-index:99999999">这是用来显示的div
选择的id是：<span id="spid"></span>
</div>
</body>
</html>