鼠标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"> <%=dkTime%></a>