jaesonchen 发表于 2013-2-7 18:15:35

jquery 和css 实现下拉菜单

第1步:HTML文档

首先为你的导航创建一个无序列表,然后简单的写一下另外一个无序列表作为导航子菜单

<div class="dp-highlighter">
[*]<ul class="topnav">   
[*]    <li><a href="#">Home</a></li>   
[*]    <li>   
[*]        <a href="#">Tutorials</a>   
[*]        <ul class="subnav">   
[*]            <li><a href="#">Sub Nav Link</a></li>   
[*]            <li><a href="#">Sub Nav Link</a></li>   
[*]        </ul>   
[*]    </li>   
[*]    <li>   
[*]        <a href="#">Resources</a>   
[*]        <ul class="subnav">   
[*]            <li><a href="#">Sub Nav Link</a></li>   
[*]            <li><a href="#">Sub Nav Link</a></li>   
[*]        </ul>   
[*]    </li>   
[*]    <li><a href="#">About Us</a></li>   
[*]    <li><a href="#">Advertise</a></li>   
[*]    <li><a href="#">Submit</a></li>   
[*]    <li><a href="#">Contact Us</a></li>   
[*]</ul>  
页: [1]
查看完整版本: jquery 和css 实现下拉菜单