Html
    Css
    Js
  * {
	margin:0;
	padding:0;
}
div {
	width:100%;
	height:500px;
	margin:50px 0;
}
.red {
	background:red;
}
.orange {
	background:orange;
}
.yellow {
	background:yellow;
}
.green {
	background:green;
}
.cyan {
	background:cyan;
}
.blue {
	background:blue;
}
.purple {
	background:purple;
}
ul {
	list-style:none;
	position:fixed;
	top:25%;
	left:10px;
}
ul li a {
	text-decoration:none;
	color:slateblue;
}
ul li {
	padding:15px 10px;
	border:1px solid skyblue;
	border-radius:5px;
}
.active {
	background:black;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

侧边导航栏代码(原创)

更新时间:2020-09-06 23:45:06

0