如何将下拉菜单更改为普通链接

时间:2015-07-03 17:42:53

标签: jquery html css metro-ui-css

我正在使用metro ui css。 http://beta.kenosys.in。如何使服务菜单加载html文件,如在大型设备的atag中使用href,并在小型设备上作为下拉列表。

<div class="container">
    <a class="app-bar-element branding " href="index.html"><img   src="images/logo.png" alt=""></a>
        <ul class="app-bar-menu place-right">
            <li active-link"><a href="index.html"> Home</a></li>
        <li ><a  href="about.html">About Us</a></li>
        <li id="services"><a href="javascript:void(0);" ">Services</a>
                <ul id="s-drop" class="d-menu" data-role="dropdown">
            <li ><a  href="embedded_systems_design.html">Embedded Systems Design</a></li>
            <li ><a  href="">Website Design</a></li>
            <li ><a  href="fpga_design.html">FPGA Hardware Design</a></li>
            <li ><a  href="">PCB Design</a></li>
            </ul>
        </li>
        <li><a href="blog.html">Blog</a></li>
        <li ><a href="https://github.com/kenosys">Resources</a></li>
    </ul>
    <div class="app-bar-pullbutton automatic fg-grayDarker bg-white"
</div>

1 个答案:

答案 0 :(得分:0)

如果你发布你的代码会很好,但我猜你可以简单地在你的导航中添加一个标签吗?

示例:

<nav>
<ul>
<li><a href="YOURDESTINATION">Dropdown Item</a></li>
</ul>
</nav>