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

标签 javascript css drop-down-menu absolute

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

最佳答案

您没有设置 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)

关于javascript - 单击更改顶部位置不执行任何操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11386726/

相关文章:

javascript - 使用 Rollup 仅转换为 CommonJS,而不进行捆绑

javascript - HTML 表单 onSubmit 属性与 location.href 存在问题

javascript - asp.net Bootstrap 警报自动关闭

javascript - 高级自定义字段/基于另一个 acf 字段填充选择

jquery - 使用 jQuery 菜单目标

javascript - jQuery 删除 dom 元素未按预期工作

html - 如何垂直对齐动态div中的按钮中间

html - 是否有一个简单的 3 列纯 CSS 布局?

css - 标题选择器不响应 Rmarkdown html 报告的 css 中的字体大小规则

css - IE 7 CSS 下拉菜单问题