Html
    Css
    Js
#sidenav  li {
	margin:20px 0;
	list-style:none;
	overflow:hidden;
	list-style:none;
	font-size:16px;
}
#sidenav li:hover a {
	color:#ff6a6a;
}
#sidenav li a {
	color:#494949;
	-webkit-transition:all 0.28s ease-out;
	-moz-transition:all 0.28s ease-out;
	-ms-transition:all 0.28s ease-out;
	-o-transition:all 0.28s ease-out;
	transition:all 0.28s ease-out;
	text-decoration:none;
}
#sidenav li.point_a a {
	color:#ff6a6a;
}
.point_a a {
	color:#ff6a6a;
}
.dark {
	display:inline-block;
	width:8px;
	height:8px;
	border:3px solid #767676;
	border-radius:50%;
	float:left;
	margin-top:4px;
	position:absolute;
	left:117px;
	background:#fff;
	/* top:4px;
	*/
}
#sidenav i.point {
	background:#ff6a6a;
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:50%;
	float:left;
	margin-top:4px;
	position:absolute; 
	left:117px;
}
#sidenav span {
	padding-left:44px;
}
.branch {
	position:absolute;
	z-index:-999;
	border-right:1px solid #ccc;
	width:3px;
	height:420px;
	left:121px;
	top:-20px;
}

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

juqery时间轴菜单导航(修改)

2
      下一站,等你0
      2018/2/24 17:15:53
      借鉴一下~~~谢谢啦
          insist0
          2018/3/1 23:35:27
          不客气
      回复