基于jQuery垂直多级导航菜单代码

基于jQuery垂直多级导航菜单代码是一款黑色风格的jQuery竖直导航菜单特效下载。效果图如下：

在线预览源码下载

实现的代码。

html代码：

<ul class="ce"><li> <a class="xz"  href="#">目录A</a> </li><li> <a href="#">目录B <img class="more" src="data:images/more.png"/></a><ul class="er"><li>     <a  href="##">二级目录A</a>    </li><li class="e_li"> <a  href="##">二级目录B</a> <ul class="thr"><li> <a  href="##">三级目录A</a> </li><li> <a  href="##">三级目录B <img class="more1" src="data:images/more1.png"/></a> <div class="thr_nr"><h3> 三级目录B主要内容 </h3><img src="data:images/aa.png"/></div></li><li> <a  href="##">三级目录C</a> </li><li> <a  href="##">三级目录D <img class="more1" src="data:images/more1.png"/></a> <div class="thr_nr"><h3> 三级目录D主要内容 </h3><img src="data:images/bb.png"/></div></li><div class="clear"></div></ul></li><li>     <a  href="##">二级目录C</a>   </li><li class="e_li"> <a  href="##">二级目录D</a> <ul class="thr"><li> <a  href="##">三级目录A</a> </li><li> <a  href="##">三级目录B</a> </li><li> <a  href="##">三级目录C</a> </li><li> <a  href="##">三级目录D</a> </li><div class="clear"></div></ul></li></ul></li><li> <a href="#">目录C</a> </li><li> <a href="#">目录D</a> </li><li> <a href="#">目录E</a> </li><li> <a href="#">目录F <img class="more" src="data:images/more.png"/></a><ul class="er"><li> <a  href="##">二级目录A</a> </li><li> <a  href="##">二级目录B</a> </li><li> <a  href="##">二级目录C</a> </li><li> <a  href="##">二级目录D</a> </li></ul></li><div class="clear"></div>
</ul>

via：http://***/Article/45246

转载于:https://www.cnblogs.com/liaohuolin/p/4599181.html

基于jQuery垂直多级导航菜单代码相关推荐

两种思想实现基于jquery的延时导航菜单，可做延时触发器！
1. 函数式 html如下: <div class="box"><ul class="clear-fix"><li class=& ...
html纵向固定导航菜单代码,jQuery和css3响应式垂直固定导航菜单插件
这是一款非常实用的jQuery和css3响应式垂直固定导航菜单插件.当你的页面上有很多的内容,用户需要花费大量的时间才能找到他们想要的内容.这个垂直固定导航菜单插件能够为页面提供一个内容预览,使用户能 ...
AlphaControls 控件 TsFrameBar 创建下拉式多级导航菜单
AlphaControls 控件 TsFrameBar 创建下拉式多级导航菜单 TsFrameBar控件是创建一个下拉菜单的工具块. TsFrameBar控件本身,可以通过创建TITEMS,自 ...
jq ajax写二级导航,jQuery实现二级导航菜单的示例
实用JQ实现导航二级菜单效果,导航菜单在网站中非常常见,有的网站可能会出现三级菜单及多级菜单模式,下面我们来简单的实现一个二级菜单的效果. 部分效果截图: 整体代码: 导航菜单案例 *{ paddin ...
弧形背景html,JS实现带圆弧背景渐变效果的导航菜单代码
本文实例讲述了JS实现带圆弧背景渐变效果的导航菜单代码.分享给大家供大家参考.具体如下: 这是一款效果个性的JS+CSS导航菜单,鼠标经过时出现有趣弧形背景,实际上,这里用CSS调用了背景,用Java ...
【荐】CSS多级导航菜单
代码简介: CSS导航菜单,三级菜单,资源完整,超实用,希望大家喜欢. 代码内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans ...
java手风琴代码_[Java教程]18款jquery抽屉式手风琴导航特效代码
[Java教程]18款jquery抽屉式手风琴导航特效代码 0 2015-11-12 21:00:05 jquery hover抽屉式导航图片展开收缩代码 jQuery仿瑞丽鼠标滑过图片手风琴展开特效 ...
bootstrap悬浮多级导航菜单
bootstrap悬浮多级导航菜单效果图: 源码: <!DOCTYPE html> <html lang="zh-cn"><head>< ...
【荐】自己做一款不错的JS+CSS多级导航菜单
代码简介: 自己做一款不错的二级导航菜单,黑色风格,是根据仿淘宝支付宝菜单而做的,自我感觉还算行吧. 代码内容: <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...

基于jQuery垂直多级导航菜单代码

基于jQuery垂直多级导航菜单代码相关推荐

最新文章

热门文章