//鼠标移上提示信息方法 function move_tilte(obj, str) { //obj对象中必须包含id,str(需要提示的内容) if (obj.id != "") { $("#" + obj.id).mousemove(function (e) { if ($("#tooltip20110809").html() == null) { if (str == "") { str = $("#" + obj.id).html(); } //判断 var toolTip = "<div id='tooltip20110809' style='position:absolute;width:400px; border:solid #aaa 1px;background-color:#F9F9F9'>" + str + "</div>"; $("body").append(toolTip); //内部插入一个div $("#tooltip20110809").css({ "top": e.pageY + "px", "left": e.pageX + "px" }); $("#" + obj.id).mouseout(function () { $("#tooltip20110809").remove(); }); $("#" + obj.id).mousemove(function (e) { //内部插入的div离鼠标光标距离 var numWidth = document.body.clientWidth; var numHeight = document.body.clientHeight; var clinety = event.clientY; var clinetx = event.clientX; if (numWidth - $("#tooltip20110809").width() - clinetx > 0) { $("#tooltip20110809").css({ "left": (e.pageX - 0) + "px" }); } else { $("#tooltip20110809").css({ "left": (e.pageX - $("#tooltip20110809").width()) + "px" }); } if (numHeight - $("#tooltip20110809").height - clinety > 0) { $("#tooltip20110809").css({ "top": (e.pageY - 0) + "px" }); } else { $("#tooltip20110809").css({ "top": (e.pageY - $("#tooltip20110809").height()) + "px" }); } }); } }) } } |
鼠标移上去显示提示jquery
最新推荐文章于 2021-08-30 15:01:15 发布