js

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function aa(){
document.getElementById('dd').style.display='none';
}
function aa1(){
if(document.getElementById("href1").innerHTML=="-"){
document.getElementById("dd").style.height="20px";


alert(document.getElementById("dd").style.top); document.getElementById("href1").innerHTML="□"
}else{

document.getElementById('dd').style.height="20px";
document.getElementById("href1").innerHTML="-"
}}
</script>
<body>
<div id="dd" style=" top:400px; left:200px;border:#FF0000; background-color:#FF0000; width:200px; height:200px ;">
南京新中博学校&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:aa1()" id="href1">-</a><a href="javascript:aa()">x</a>
</div>
</body>
</html>
 效果显示的不对 top 400px  这个效果显示的不对 麻烦帮我看看

解决方案 »

  1.   

    设置定位即可：<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>ÎޱêÌâÎĵµ</title>
    </head>
    <script language="javascript">
    function aa(){
    document.getElementById('dd').style.display='none';
    }
    function aa1(){
    if(document.getElementById("href1").innerHTML=="-"){
    document.getElementById("dd").style.height="20px";
    alert(document.getElementById("dd").style.top); document.getElementById("href1").innerHTML="¡õ"
    }else{ document.getElementById('dd').style.height="20px";
    document.getElementById("href1").innerHTML="-"
    } }
    </script>
    <body>
    <div id="dd" style="position:absolute ;top:400px; left:200px;border:#FF0000; background-color:#FF0000; width:200px; height:200px ;">
    ÄϾ©ÐÂÖв©ѧУ&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:aa1()" id="href1">-</a><a href="javascript:aa()">x</a>
    </div>
    </body>
    </html>