Question

我想在没有JavaScript的情况下制作onclick下拉菜单，也不能使用PHP。我正在使用目标，但每次点击它都会跳转页面，因为它不在页面顶部。是否可以在没有JS和PHP的情况下制作下拉菜单，但是可以点击？

Answer 1

如果您想要“onclick”活动，则需要使用JavaScript。悬停时，您可以尝试：http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

希望它有所帮助！

Answer 2

你所追求的实际上是可能的，虽然我不建议你实际使用这种技术。它不仅仅是一个黑客，在语义上非常不正确，可能是SEO的噩梦。

考虑到这一点，我将把这项技术解释为概念证明：

首先确保按照以下方式整理 html ：

<nav>
    <ul>
        <li> 
            <label for='item-1'>main item 1</label>
            <input type="checkbox" id="item-1"/>
            <ul>
                <li><a href="#">sub 1</a></li>
                ...
            </ul>
        </li>
        ...
    </ul>
</nav>

使用:checked选择器和兄弟+选择器的一些智能使用现在允许您模拟点击下拉菜单。相关的 css 将如下所示：

/* we hide the checkboxes, they are just there to store the 'state' in the background */
/* their state will be triggered by clicking the corresponding label */
nav input[type="checkbox"] {
    display: none;
}
/* we hide the sub menu's by default */
nav > ul > li > ul {
   display: none;   
}
/* we show the sub menu, if it follows a checked checkbox */
nav input[type="checkbox"]:checked + ul {
   display: block;   
}

对于一个工作示例，请检查我设置的小提琴：http://jsfiddle.net/Xj8Ce/

下载onclick没有js，php或target

2 个答案: