<head>
<title>div动画显示</title>
<script language="Javascript">
function show(){
var change = document.getElementById("change");
change.style.left=event.x;
change.style.top=event.y;
if(change.style.visibility=='hidden'){
change.style.visibility='visible';
}
}
function hidden(){
var change = document.getElementById("change");
change.style.left=event.x;
change.style.top=event.y;
if(change.style.visibility=='visible'){
change.style.visibility='hidden';
}
}
</script>
</head>
<body>
<div id="change" style="visibility:hidden;color:black;border:black;position:absolute;width:300;height:200;background:#edf5eb">
<dd><br>
welcome to david data lab<br>
<br>
update youself every day<br>
<br>
you can i much fun<br>
<br>
thank you!</dd>
</div>
<div style="position:absolute;left:400;top:310">
<dd><div onmouseover="show();" onmouseout="hidden()">[详细信息]</div></dd>
</div>
</body>