boostrapt的二级下拉菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta http-equiv="x-rim-auto-match" content="none">
<!--网页描述-->
<meta name="description" content="hello">
<!-- 视图 -->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<!--关键字,“，”分隔-->
<meta name="keywords" content="a,b,c">
<!--用来防止别人在框架里调用你的页面-->
<meta http-equiv="Window-target" content="_top">
<title>淘狗网</title>
<!-- Bootstrap 3.3.6 -->
<link rel="stylesheet" href="public/plugins/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="public/plugins/font-awesome/css/font-awesome.min.css">
<!-- Swiper's CSS -->
<link rel="stylesheet" href="public/plugins/swiper/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="public/plugins/app/css/public.css"/>
<link rel="stylesheet" type="text/css" href="public/plugins/app/css/selectDog.css"/>
</head>
<body>
<div class="wrapper-selectDog">
<!--头部开始-->
<header>
<div class="center">
<div class="row">
<a class="logo col-xs-3" href="javascript:void(0);"><img src="public/upload/app/detail/images/detail_03.png"/></a>
<label class="col-xs-6 text-center"><img src="public/upload/app/detail/images/detail_06.gif" /><input type="text" name="" id="" placeholder=" 搜宠物 找店铺" /></label>
<ul class="col-xs-3 clearfix header-right">
<li class="fr"><a href="javascript:void(0);">发布</a></li>
<li class="fr borderMid"><a href="javascript:void(0);">|</a></li>
<li class="fr"><a href="javascript:void(0);">我的</a></li>
</ul>
</div>
</div>
</header>
<!--内容部分-->
<section>
<ol class="breadcrumb title">
<li><a href="#">首页</a></li>
<li class="active">狗狗挑选</li>
</ol>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div id="myexample">
<ul class="nav navbar-nav clearfix">
<li class="dropdown fl" id="province">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">区域
<b class="caret"></b>
</a>
<!--<a href="#" class="dropdown-toggle" >区域
<b class="caret"></b>
</a>-->
<ul class="dropdown-menu" id="er">
<li>
<a id="001" href="javascript:void(0);"class="selectCity">北京</a>
<div class="city">
<p>海淀</p>
<p>朝阳</p>
<p>丰台</p>
</div>
</li>
<li>
<a id="002" class="selectCity">天津</a>
<div class="city" style="display: none;">
<p>南市区</p>
<p>北市区</p>
<p>新市区</p>
</div>
</li>
<li>
<a id="003" class="selectCity">上海</a>
<div class="city" style="display: none;">
<p>虹桥</p>
<p>浦东区</p>
</div>
</li>
<li>
<a id="004" class="selectCity">重庆</a>
<div class="city" style="display: none;">
<p>重庆西</p>
<p>重庆东</p>
</div>
</li>
</ul>
</li>
<li class="dropdown fl">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">犬种
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a id="action-1" href="#">八哥</a>
</li>
<li>
<a href="#">拉布拉多</a>
</li>
<li>
<a href="#">京巴</a>
</li>
<li class="divider"></li>
<li>
<a href="#">藏敖</a>
</li>
</ul>
</li>
<li class="dropdown fl">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">价格
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a id="action-1" href="#">1000以下</a>
</li>
<li>
<a href="#">1000-2000</a>
</li>
<li>
<a href="#">2000-3000</a>
</li>
<li>
<a href="#">3000以上</a>
</li>
</ul>
</li>
<li class="dropdown fl">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">更多
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a id="action-1" href="#">更多二级</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="Advertisement">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="public/upload/app/selectDog/selectDog_02.png"/></div>
<div class="swiper-slide"><img src="public/upload/app/selectDog/selectDog_02.png"/></div>
<div class="swiper-slide"><img src="public/upload/app/selectDog/selectDog_02.png"/></div>
<div class="swiper-slide"><img src="public/upload/app/selectDog/selectDog_02.png"/></div>
</div>
</div>
</div>
<div>
<div class="borderBtom" >
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_04.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fr" href="javascript:void(0);" style="color: #f35709;"><img src="public/upload/app/protect.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_04.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fr" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/protect.png"/></a>
</div>
</div>
</div>
</div>
<p class="btn"><a href="javascript:void(0);">进入淘狗商城官方保障专区>></a></p>
<p class="tuiguang">精准推广 >></p>
<div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a> </div>
</div>
</div>
<div class="borderBtom">
<div class="center clearfix">
<div class="leftImg fl">
<figure><a href="javascript:void(0);"><img src="public/upload/app/selectDog/selectDog_12.png"/></a></figure>
</div>
<div class="rightT fr clearfix">
<ul>
<li><a href="javascript:void(0);">纯种蓝眼小哈士奇品相好保证健康</a></li>
</ul>
<p><span>3针疫苗</span>/<span>1次驱虫</span>/<span>血统级</span></p>
<p><span style="color: #FF0000;font-weight: 600;">2500.00<sub style="color: #333;">元</sub></span>/只</p>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/detail/images/detail_15.gif"/></a>
<a class="fl cer" href="javascript:;" style="color: #f35709;"><img src="public/upload/app/selectDog/selectDog_15.png"/></a>
</div>
</div>
</div>
</div>
</section>
<footer>
<ul class="pagination">
<li class="disabled"><a href="javasctipt:void(0);">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">»</a></li>
</ul>
</footer>
</div>
<script src="public/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Swiper JS -->
<script src="public/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Swiper JS -->
<script src="public/plugins/swiper/js/swiper.min.js"></script>
<script>
$(function(){
var banner = new Swiper('.swiper-container', {
autoplay:2000,
});
//调用下拉菜单
$('.dropdown-toggle').dropdown();
//下拉菜单出现时触发
$('#myDropdown').on('show.bs.dropdown', function () {
})
var pro = '';
var city = '';
$("#province *").click(function (e) {
e.preventDefault();
e.stopPropagation();
$(".city").css("display","none");
return false;
});
//
$(".selectCity").on("click",function(){
pro = $(this).text();
//所有的二级先消失
$(".city").css("display","none");
$("#province .dropdown-toggle").attr("aria-expanded",true);
//当前的二级显示
$(this).parent("li").find("div").css("display","block");
})
//
$(".city p").on("click",function(){
$(".dropdown").removeClass("open").find(".dropdown-toggle").attr("aria-expanded", false);
$(".city").css("display","none");
city = $(this).text();
alert(pro+':'+city);
})
});
</script>
</body>
</html>
boostrapt的二级下拉菜单的更多相关文章
- 纯CSS3实现宽屏二级下拉菜单
今天我们要来分享一款基于纯CSS3的宽屏二级下拉菜单,这款菜单的子菜单在展开的时候是很宽敞的,菜单项中可以自定义格式的内容,非常实用,也很大气.由于是用纯CSS3实现,所以这款下拉菜单不用运行Java ...
- flash滚动图片遮住二级下拉菜单解决方法
如上图所示,在进行排版时,如果不注意会遇到二级下拉菜单被下边的img图片遮住.此种情况在ie7 8 中出现. 解决方法:给二级下拉菜单添加z-index:9999;position:relative; ...
- Excel应用----制作二级下拉菜单【转】
应用: 原始数据源是两列的源数据,那该如何制作二级下拉菜单, 当然可以将这两列的数据源,转换成上面的那种格式,再用上面的方法来制作. 今天教大学的方法是直接通过这种两列式的数据源来制作下拉菜单,如果A ...
- CSS技巧分享：如何用css制作横排二级下拉菜单
原文:CSS技巧分享:如何用css制作横排二级下拉菜单 导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢,下来小编就一步一步教大 ...
- HTML+CSS实现导航栏二级下拉菜单完整代码
工具是vs code 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
- dede调用二级下拉菜单方法
<div id="menu"> <ul> {dede:channelartlist typeid='top' row='6' orderby='s ...
- jquery 只有二级下拉菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js二级下拉菜单
看似简单的一个菜单,确需要不少的知识点 1. getByClass getElementsByClassName 已经有大部分现代浏览器支持了,只有ie6,ie7,ie8是不支持的.所以对ie6,7, ...
- js实现网站导航的二级下拉菜单
http://www.codesky.net/article/201109/1200js/%E5%AE%9E%E7%94%A8%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95. ...
随机推荐
- protocol method: #method<channel.close>(reply-code=406, reply-text=PRECONDITION_FAILED - unknown delivery tag 2, class-id=60, method-id=80)
Caused by: com.rabbitmq.client.ShutdownSignalException: channel error; reason: {#method<channel.c ...
- nlp homework 03
NLP Homework 03 --冯煜博 题目描述 (盒子和球模型)假设有3个盒子,每个盒子里装有红白两种颜色的球,盒子里的红白球有下表列出,初始状态分布. 解答 1. 给出HMM模型 \(\mu= ...
- win7安装mysql-8.0.13-winx64
这里展示一下,由于需要安装一个版本测试一下数据,其实就是超简单的啦. 下包 注:https://dev.mysql.com/downloads/mysql/ 解压与配置 [mysqld] basedi ...
- windows安装 php-redis redis 扩展
1.查看phpinfo(),确定要下载的扩展版本,扩展的下载地址在:https://pecl.php.net/package/redis 上图对应是是以下版本 2.把下载包里的文件放到php的ext文 ...
- bzoj 1818 [CQOI 2010] 内部白点 - 扫描线 - 树状数组
题目传送门 快速的列车 慢速的列车 题目大意 一个无限大的方格图内有$n$个黑点.问有多少个位置上下左右至少有一个黑点或本来是黑点. 扫描线是显然的. 考虑一下横着的线段,取它两个端点,横坐标小的地方 ...
- 如何在Framework中读取bundle中的Res
前因: 因为公司上架前后的原因,外围的平台层部分提前上线,而我做的功能部分需要晚一些上线,是单独的一个工程在其他仓库开发. 我的资源文件放在Bundle中.合到主工程中,资源文件不用改,直接拖进去.倒 ...
- Spring 学习——Spring IOC概念
Spring IOC 接口及面向接口编程 接口 定义及理解:接口是一个类的抽象声明,用于由内部操作分离出外部沟通的方式,使其内部进行修改而不影响其外部连接沟通的一种交互方式.不对外公开逻辑处理,只是返 ...
- css的再深入4（更新中···）
两种居中的方式: Margin:0 auto;和text-align:center; Margin的居中是对自身,text-align对元素内部的文本来说. 隐藏的两种方式: visibility:h ...
- Cmder + Babun 打造 Windows 好用的终端工具
Babun a windows shell you will love Babun features the following: Pre-configured Cygwin with a lot o ...
- 再谈fedora23下Virutalbox的安装. --问题的关键在于 安装kernel-devel包
首先, 要使用 virutalbox的 rpm 安装包 进行安装. 在安装的过程中, 如果提示 有一些包, 没有, dependencies not resolved, 比如libQt..libvpx ...