jQuery左侧垂直四级导航菜单特效.zip资源-CSDN文库

共12个文件

jpg：4个

js：2个

ttf：1个

版权申诉

javascript

html5

jQuery

43 浏览量 2022-11-24 12:30:57 上传评论收藏 212KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery左侧垂直四级导航菜单特效.zip （12个子文件）

jQuery左侧垂直四级导航菜单特效

jQuery左侧垂直四级导航菜单特效.jpg 40KB

jiaoben3053

css

font

fontawesome-webfont.eot 29KB

fontawesome-webfont.woff 34KB

fontawesome-webfont.svg 158KB

fontawesome-webfont.ttf 63KB

font-awesome.css 40KB

images

bodyBg.jpg 307B

bodyBg2.jpg 306B

bodyBg3.jpg 307B

index.html 3KB

google-maps.js 3KB

jquery-1.10.1.min.js 91KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery左侧垂直四级导航菜单特效 - 网页模板</title> <link href="css/font-awesome.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="js/google-maps.js"></script> <script>$(document).ready(function(){$(".vertical-nav").verticalnav({speed: 400,align: "left"});});</script> </head> <body"> <div class="kePublic">  <div class="content"> <ul class="vertical-nav dark red"> <li class="active"><a href="http://www.internetke.com/"><i class="icon-home"></i>首页</a></li> <li><a href="http://www.internetke.com/"><i class="icon-cogs"></i>服务 <span class="submenu-icon"></span></a> <ul> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> </ul> </li> <li><a href="http://www.internetke.com/"><i class="icon-briefcase"></i>产品 <span class="submenu-icon"></span></a> <ul> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航<span class="submenu-icon"></span></a><ul> <li><a href="http://www.internetke.com/">三级导航</a></li> <li><a href="http://www.internetke.com/">三级导航</a></li> <li><a href="http://www.internetke.com/">三级导航 <span class="submenu-icon"></span> </a> <ul> <li><a href="http://www.internetke.com/">四级导航</a></li> <li><a href="http://www.internetke.com/">四级导航</a></li> <li><a href="http://www.internetke.com/">四级导航</a></li> <li><a href="http://www.internetke.com/">四级导航</a></li> </ul> </li> <li><a href="http://www.internetke.com/">三级导航</a></li> </ul> </li> <li><a href="http://www.internetke.com/">二级导航</a></li> <li><a href="http://www.internetke.com/">二级导航</a></li> </ul> </li> <li><a href="http://www.internetke.com/"><i class="icon-user"></i>关于我们</a></li> <li><a href="http://www.internetke.com/"><i class="icon-comments-alt"></i>博客</a></li> <li><a href="http://www.internetke.com/"><i class="icon-picture"></i>导航</a></li> <li><a href="http://www.internetke.com/"><i class="icon-info"></i>信息</a></li> <li><a href="http://www.internetke.com/"><i class="icon-group"></i>团队</a></li> <li><a href="http://www.internetke.com/"><i class="icon-question"></i>常见问题</a></li> <li><a href="http://www.internetke.com/"><i class="icon-bar-chart"></i>案例</a></li> <li><a href="http://www.internetke.com/"><i class="icon-envelope"></i>联系我们</a></li> </ul> </div>  <div class="clear"></div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉