全球主机交流论坛

标题: 求个jquery导航代码。。。 [打印本页]
作者: 分享吧    时间: 2014-1-11 18:15
标题: 求个jquery导航代码。。。
  1. <nav class="nav-list">
  2.                         <ul class="root focus">
  3.                                 <li class="parent"><a>仪表盘</a></li>
  4.                                 <ul class="child">
  5.                                         <li><a href="">统计</a></li>
  6.                                 </ul>
  7.                         </ul>
  8.                         <ul class="root">
  9.                                 <li class="parent"><a href="/">撰写</a></li>
  10.                                 <ul class="child">
  11.                                         <li><a href="/">新建文章</a></li>
  12.                                 </ul>
  13.                         </ul>
  14.                         <ul class="root">
  15.                                 <li class="parent"><a href="">管理</a></li>
  16.                                 <ul class="child">
  17.                                         <li><a href="">所有数据</a></li>
  18.                                         <li><a href="">分类管理</a></li>
  19.                                 </ul>
  20.                         </ul>
  21.                         <ul class="root">
  22.                                 <li class="parent"><a href="">设置</a></li>
  23.                                 <ul class="child">
  24.                                         <li class="last"><a href="">基本设置</a></li>
  25.                                         </ul>
  26.                         </ul>
  27.                 </nav>
复制代码


鼠标移动到 parent 下的a标签，  显示child元素。

parent 下的a标签 失去焦点，隐藏 child元素。

套了半天套不进去。。。。
作者: 过客    时间: 2014-1-11 20:11
http://www.baidu.com/s?wd=jquery%E5%AF%BC%E8%88%AA



欢迎光临 全球主机交流论坛 (https://d.168530.xyz/) Powered by Discuz! X3.4