我的菜单按钮没有对齐

时间:2012-11-11 20:04:05

标签: javascript html css

http://www.spencedesign.netau.net/singaporehomemenu.html  这是我的页面的链接。单击菜单时,它会关闭,或打开菜单,将您带到另一个没有菜单的页面。但是,在另一页上,菜单按钮没有排列。即使按钮的代码在每个页面上都是相同的。有人能告诉我我能做些什么来解决这个问题。另外,我不知道任何javascript,所以我不得不制作两个页面,而不是让菜单按钮作为一个实际按钮工作,并在一个页面上调出/关闭菜单。如果有人知道javascript,并且知道一种简单的方法来使上述场景成为可能,那将非常感激。谢谢。

1 个答案:

答案 0 :(得分:0)

你可以使用javascript来做到这一点。 将此添加到您的<头>标记:

<script type="text/javascript">
    function showMenu() {
        if (menu.style.display != "none") {
            menu.style.display = "none";
        }
        else {
            menu.style.display = "block";
        }
    }
</script>

在你的&lt;中写下这个身体&gt;部分:

<div id="menuButton" onclick="showMenu()">Menu
</div>

这应该是诀窍。 :)