JQuery 悬浮层效果
<script type="text/javascript"> //页面加载完成 -textarea 悬浮效果$(function () { var x = 10; var y = 20; //设置提示框相对于偏移位置，防止遮挡鼠标 $("#textarea_id").hover(function (e) { //鼠标移上事件 var text = gettext(); var tooltipHtml = "<div id='tooltip'>" + text + "</div>"; //创建提示框 $("body").append(tooltipHtml); //添加到页面中 $("#tooltip").css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px", "position":"absolute" }).show("fast"); //设置提示框的坐标，并显示 }, function () { //鼠标移出事件 $("#tooltip").remove(); //移除弹出框 }).mousemove(function (e) { //跟随鼠标移动事件 $("#tooltip").css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" , "position":"absolute" }); }); function gettext(){ return '1231'; } }); </script> <body> <textarea id="textarea_id" rows="5" cols="20" >........</textarea> </body>?