用于鼠标经过出现悬停提示信息

公共方法

 

var selectType0 = "BI";//定义一个类型
$(function () {
            //提示信息
            $("#id").bind("mousemove", function (event) {
                showCueDiv(selectType0, event);
            }).bind("mouseout", function (event) {
                hiddenCueDiv();
            }).bind("mouseup", function (event) {
                hiddenCueDiv();
            })         
    });
//提示信息
function showCueDiv(type, event) {
    hiddenCueDiv();
    switch (type) {
      case "BI":
        setCueContent("这里输入提示信息");
        break;
    }
    showDiv(event, "commonCueDiv");
}

//隐藏提示信息
function hiddenCueDiv() {
    $("#commonCueDiv").hide();
}
function setCueContent(content) {
    $("#divID").html(content);
}

/**
 * 用于鼠标经过出现悬停提示信息
 * 参数:event:鼠标的onmousemove事件，objID要显示的提示信息模块id
 */
function showDiv(event, objID) {
    var srcEle = event.srcElement?event.srcElement:event.target;
    var left = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
    var top = event.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
    var objWidth = $("#" + objID).width();
    if (left > screen.availWidth - objWidth - 50) {
        left = (screen.availWidth - objWidth - 50);
    }
    top += 10;
    $("#" + objID).css("left", left);
    $("#" + objID).css("top", top);
    $("#" + objID).show();
}