<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>