简单的纯css下拉导航菜单
XML/HTML Code
- <div id="navmenu">
- <nav id="menu">
- <ul>
- <li class="active"><a href="index.php">freejs</a>
- <ul>
- <li><a href="http://www.freejs.net/daohangcaidan.html"><span class="icon elem1"></span>导航菜单</a></li>
- <li><a href="#"><span class="icon elem2"></span>TAB标签</a></li>
- <li><a href="#"><span class="icon elem3"></span>焦点图</a></li>
- <li><a href="#"><span class="icon elem4"></span>分页</a></li>
- <li><a href="#"><span class="icon elem5"></span>表单</a></li>
- </ul>
- </li>
- <li><a href="#">Photos</a>
- <ul>
- <li><a href="#"><span class="icon elem0"></span>menu element 1</a></li>
- <li><a href="#"><span class="icon elem0"></span>menu element 2</a></li>
- <li><a href="#"><span class="icon elem0"></span>menu element 3</a></li>
- <li><a href="#"><span class="icon elem0"></span>menu element 4</a></li>
- <li><a href="#"><span class="icon elem0"></span>menu element 5</a></li>
- </ul>
- </li>
- <li><a href="#">Classifieds</a></li>
- </ul>
- </nav>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_352.html