基于jQuery垂直多级导航菜单代码是一款黑色风格的jQuery竖直导航菜单特效下载。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<ul class&#61;"ce"><li> <a class&#61;"xz" href&#61;"#">目录Aa> li><li> <a href&#61;"#">目录B <img class&#61;"more" src&#61;"images/more.png"/>a><ul class&#61;"er"><li> <a href&#61;"##">二级目录Aa> li><li class&#61;"e_li"> <a href&#61;"##">二级目录Ba> <ul class&#61;"thr"><li> <a href&#61;"##">三级目录Aa> li><li> <a href&#61;"##">三级目录B <img class&#61;"more1" src&#61;"images/more1.png"/>a> <div class&#61;"thr_nr"><h3> 三级目录B主要内容 h3><img src&#61;"images/aa.png"/>div>li><li> <a href&#61;"##">三级目录Ca> li><li> <a href&#61;"##">三级目录D <img class&#61;"more1" src&#61;"images/more1.png"/>a> <div class&#61;"thr_nr"><h3> 三级目录D主要内容 h3><img src&#61;"images/bb.png"/>div>li><div class&#61;"clear">div>ul>li><li> <a href&#61;"##">二级目录Ca> li><li class&#61;"e_li"> <a href&#61;"##">二级目录Da> <ul class&#61;"thr"><li> <a href&#61;"##">三级目录Aa> li><li> <a href&#61;"##">三级目录Ba> li><li> <a href&#61;"##">三级目录Ca> li><li> <a href&#61;"##">三级目录Da> li><div class&#61;"clear">div>ul>li>ul>li><li> <a href&#61;"#">目录Ca> li><li> <a href&#61;"#">目录Da> li><li> <a href&#61;"#">目录Ea> li><li> <a href&#61;"#">目录F <img class&#61;"more" src&#61;"images/more.png"/>a><ul class&#61;"er"><li> <a href&#61;"##">二级目录Aa> li><li> <a href&#61;"##">二级目录Ba> li><li> <a href&#61;"##">二级目录Ca> li><li> <a href&#61;"##">二级目录Da> li>ul>li><div class&#61;"clear">div>
ul>
via&#xff1a;http://***/Article/45246