jQuery实现的Bootstrap响应式下拉菜单特效源码.zip资源-CSDN文库

共3个文件

html：1个

css：1个

js：1个

版权申诉

jquery

51 浏览量 2022-11-07 23:53:56 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery实现的Bootstrap响应式下拉菜单特效源码.zip （3个子文件）

132686928564001168

css

style.css 2KB

index.html 3KB

index.js 2KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery Bootstrap响应式下拉菜单DEMO演示</title> <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" /> </head> <body> <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' type='text/css' media='all' /> <script type='text/javascript' src='http://code.jquery.com/jquery-2.1.1.min.js'></script> <script type='text/javascript' src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script> <style> h1 {font-size:40px;line-height:1.5;padding:0;margin:30px 0;} .navbar-nav > li > a:hover {background:#555 !important;color:#fff !important;} .navbar-nav > li:last-of-type > a {border:0;} @media ( min-width: 768px) { .navbar-nav > li > a {text-align:center;border-right:1px solid rgba(0,0,0,0.1)} } </style> <div class="container"> <h1>Twitter Bootstrap Equidistant Navbar</h1> <div style="text-align:center;clear:both;"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> <nav class="navbar navbar-default equinav" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand">Menu</span> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#">Home</a></li> <li><a href="#">How It Works</a></li> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a> <ul class="dropdown-menu depth_0"> <li><a href="#">Feature 1</a></li> <li><a href="#">Feature 1</a></li> <li><a href="#">Feature 1</a></li> <li><a href="#">Feature 1</a></li> </ul> </li> <li><a href="#">What’s Included</a></li> <li><a href="#">Pricing</a></li> <li><a href="#">Testimonials</a></li> <li><a href="#">Case Studies</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </nav> </div> <script src="js/index.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉