javascript - 单击更改顶部位置不执行任何操作

Question

我认为问题已经说明了。当您单击加号时，会显示额外的内容(Hello Guest 和 Register and Signup)。他们是这样做的更好的工作方式还是我有错误。 java-script 的新功能，所以不要讨厌。---> http://jsfiddle.net/CM9Av/

Answer 1

您没有设置 top 。此外，缓存您的变量。

function menuanimate() {
    var loginoutbox = document.getElementById("loginoutbox");
    var fromtop = loginoutbox.style.top;
    if (fromtop == "-20px") {
        fromtop = "0px";
    }
    else {
        fromtop = "-20px";
    }
    loginoutbox.style.top = fromtop;
}​

在 markup 中，将 top 设置为内联样式。 STLye.top 不会读取 css 属性。

<div id="loginoutbox" class="ablack" style='top:-20px'></div>

在一个简单的网页中尝试 outside fiddle。它有效!

演示 fiddle (我不知道如何将纯 js 放入 fiddle.net)