0

你们这里的一群人在这个带有子类别 3 的平滑下拉导航系统中帮助我非常有帮助，但是，在查看它之后，我很好奇我是否可以仅使用 css 获得相同的效果并删除所有 jquery。它将使用的站点是用纯 css 制作的，这是 jquery 的唯一需要，所以我想看看我是否可以完全消除对它的需要。这是小提琴页面。我认为使用缓动会起作用，但不确定如何修改它。此外，由于我的网站不是 html5，因此无法在 html 中使用“角色”。

<div id="trigger"><a href="#menu" class="menu-link">Menu</a></div>
</div>
<nav id="menu" role="navigation">
<ul>
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li id="Category3"><a href="#">Category 3</a>
    <ul id="extraOptions">
        <li><a href="#">Extra Option 1</a></li>
        <li><a href="#">Extra Option 2</a></li>
        <li><a href="#">Extra Option 3</a></li>
    </ul></li>
<li><a href="#">Category 4</a></li>
<li><a href="#">Category 5</a></li>
<li><a href="#">Category 6</a></li>
</ul>
</nav>

查看小提琴文件

http://jsfiddle.net/ApNhK/1/

4

3 回答 3

2

我认为您无法onclick()在 css 中模拟 a 。如果这是:hover可能的，为什么不呢？

编辑：我认为:focus它可能会起作用，我会检查一下，等等

Edit2：我想这是不可能的。你可以:focus让它看起来像一个点击，但它非常有限，你不能:focus只使用 javascript 来制作复杂的嵌套子菜单。

于 2013-01-08T15:00:52.717 回答
1

Sorry, click handlers require JS, I don't think theres any way around it.

Even the "onclick" html attribute is just a lazy way of putting JavaScript inline.

You could have a hovering menu, where the user is required to hover to see the page, but thats not very good UX. I would keep the jquery. I think it looks good, and jQuery is a great library to familiarize yourself with

于 2013-01-08T15:02:28.597 回答
0

可以通过以下方式在单击时显示菜单（dis）:target：jsFiddle

如果可以的话，使带有子菜单的菜单表现得像你想要的那样需要巧妙地使用相邻/兄弟/后代选择器。

于 2013-01-08T22:40:45.390 回答