原生html5+css3响应式菜单导航兼容各种终端可以直接拿来修改使用

共16个文件

jpg：3个

url：2个

js：2个

响应式菜单

响应式导航

html5导航

html5菜单

需积分: 46 25 浏览量 2019-02-13 14:48:26 上传评论收藏 182KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

响应式菜单.zip （16个子文件）

css

font

fontawesome-webfont.eot 29KB

fontawesome-webfont.woff 34KB

fontawesome-webfont.svg 158KB

fontawesome-webfont.ttf 63KB

font-awesome.css 24KB

style.css 4KB

images

bodyBg.jpg 307B

bodyBg2.jpg 306B

Thumbs.db 5KB

bodyBg3.jpg 307B

data

demopath

index1.url 121B

index.url 121B

index.html 3KB

verticalnav.js 3KB

jquery-1.10.1.min.js 91KB

说明.htm 4KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery左侧垂直四级导航菜单特效</title> <link type="text/css" href="css/font-awesome.css" rel="stylesheet"> <link type="text/css" href="css/style.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="js/verticalnav.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".vertical-nav").verticalnav({speed:400,align:"left"}); }); </script> </head> <body style="background:#dedede;"> <ul class="vertical-nav dark red"> <li class="active"><a href="http://down.admin5.com/">首页</a></li> <li> <a href="http://down.admin5.com/">服务</a> <ul> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> </ul> </li> <li> <a href="http://down.admin5.com/">产品</a> <ul> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> <li> <a href="http://down.admin5.com/">二级导航</a> <ul> <li><a href="http://down.admin5.com/">三级导航</a></li> <li><a href="http://down.admin5.com/">三级导航</a></li> <li> <a href="http://down.admin5.com/">三级导航 </a> <ul> <li><a href="http://down.admin5.com/">四级导航</a></li> <li><a href="http://down.admin5.com/">四级导航</a></li> <li><a href="http://down.admin5.com/">四级导航</a></li> <li><a href="http://down.admin5.com/">四级导航</a></li> </ul> </li> <li><a href="http://down.admin5.com/">三级导航</a></li> </ul> </li> <li><a href="http://down.admin5.com/">二级导航</a></li> <li><a href="http://down.admin5.com/">二级导航</a></li> </ul> </li> <li><a href="http://down.admin5.com/">关于我们</a></li> <li><a href="http://down.admin5.com/">博客</a></li> <li><a href="http://down.admin5.com/">导航</a></li> <li><a href="http://down.admin5.com">信息</a></li> <li><a href="http://down.admin5.com/">团队</a></li> <li><a href="http://down.admin5.com/">常见问题</a></li> <li><a href="http://down.admin5.com/">案例</a></li> <li><a href="http://down.admin5.com/">联系我们</a></li> </ul> </body> </html>

评论收藏

内容反馈