鼠标onmouseover,onmouseout事件动态创建DIV 显示图片

好久没写博客了。 
更新下，省着以后还得现写。 

原文参考自站长网：http://www.software8.co/wzjs/Javascript/3432.html

Js代码： 

function displayPic(objId){

    createElement(objId);

    //document.getElementById(objId+"_pic").innerHTML = document.getElementById(objId+"_text").innerHTML;
}
function nonePic(objId){

    destoryElement(objId);
}
function createElement(objId,event){

    if(!event){
        event = window.event;
    }else{
        event.srcElement = event.target;
    }
    var createDiv = document.createElement("div");
    createDiv.id = objId+"_pic";
    createDiv.innerHTML = document.getElementById(objId+"_text").innerHTML;
    var temp = 500;
    var x = event.clientX-temp;

    createDiv.style.left=x;
    createDiv.style.top= event.clientY;
    createDiv.style.position = "absolute";
    createDiv.style.display='';

    document.body.appendChild(createDiv);
}
function destoryElement(objId){
    var obj = document.getElementById(objId+"_pic");
    if(obj != null){
        obj.innerHTML = "";
        document.body.removeChild(obj);
    }
}

Html代码：  

<a href="#" id="<%=userSerial%>_href" onmouseover="displayPic('<%=userSerial%>');" onmouseout="nonePic('<%=userSerial%>');" TARGET="_blank">&nbsp;<%=dkTime%></a>