七乐彩图表走势图表
    Html
    Css
    Js
body {
	padding:0;
	margin:0;
}
h1 {
	font-family:'Century Gothic';
	margin:30px auto 30px auto;
	color:#09fbd2;
	width:100%;
	text-align:center;
}
ul.menu {
	padding:0;
	list-style:none;
	width:400px;
	margin:20px auto;
	font-family:'Century Gothic';
	box-shadow:0px 0px 25px #00000070;
	clear:both;
	display:table;
}
ul.menu .list {
	font-size:14px;
	border-bottom:1px solid #324252;
	position:relative;
	width:100%;
	box-sizing:border-box;
	height:50px;
	vertical-align:sub;
	background:#3e5165;
	clear:both;
}
ul.menu .list:after {
	content:"+";
	font-family:FontAwesome;
	position:absolute;
	right:17px; 
	top:17px;
	padding:0px 5px;
	color:#fff; 
}
ul.menu .list:before {
	content:'-';
	font-family:FontAwesome;
	position:absolute;
	left:17px;
	top:17px;
	padding:0px 5px;
	color:#fff;
}
ul.menu .list a {
	text-decoration:none;
	color:#fff;
	padding:17px 0px 17px 45px;
	display:block;
	height:100%;
	box-sizing:border-box;
}
ul.menu .list a:hover {
	background-color:#324252;
	transition:300ms all;
	color:#09fbd2;
}
ul.menu .list .items {
	height:0px;
	overflow:hidden;
}
ul.menu .list .items a {
	padding:17px;
}
ul.menu .list .items a:hover {
	background-color:#3f5d79;
	color:#fff;
	transition:300ms all;
}
ul.menu .list:last-child {
	border-bottom:none;
}
ul.menu .active:after {
	content:"\f106";
	font-family:FontAwesome;
	position:absolute;
	right:17px;
	top:17px;
	padding:0px 5px;
	color:#fff;
}
ul.menu .active:before {
	content:'\f07c';
	font-family:FontAwesome;
	position:absolute;
	left:17px;
	top:17px;
	padding:0px 5px;
	color:#fff;
}
ul.menu .active > .items {
	display:block;
	background:#23313f;
	padding:0px;
	height:auto;
	color:#fff;
	transition-timing-function:cubic-bezier(0.075,0.82,0.165,1);
	transition:all 200ms;
	clear:both;
	float:left;
	width:100%;
}
ul.menu .active > .items li {
	padding:0px;
	border-bottom:1px solid #324252;
	list-style:none;
}
ul.menu .active > .items li:last-child {
	border-color:transparent;
	padding-bottom:0px;
}
ul.menu .active > .items .active > .items {
	background-color:#2f4b67;
}
ul.menu .active > a {
	color:#46efa4;
	text-transform:uppercase;
	font-weight:bold;
}
ul.menu .active .list {
	background:#697d92;
}
ul.menu .active .list a {
	padding:17px 0px 17px 45px;
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:1.11.3
 立即下載

簡易手風琴導航菜單代碼

更新時間:2019-10-15 00:43:31

0
七乐彩图表走势图表 王中王棋牌官方下载 北京11选五稳赚技巧 彩神计划app 8月1日体彩取消电子投注 很好赚钱的软件 模拟投注器 内蒙麻将的玩法 莱比锡对赫根比分推荐 135期6肖中特 上海快3开奖结果-爱彩乐 三全中是什么意思 网赚钱广告语 重庆时时计划教学 彩票快乐十分科学选号 比分网即时比分 新手如何倒卖发票赚钱