Html
    Css
    Js

    
                        
 * {
	margin:0;
	padding:0;
	font-family:"微软雅黑";
}
body {
	width:100vw;
}
.wave-ul {
	list-style:none;
}
.wave-a {
	text-decoration:none;
	display:block;
}
.wave-span {
	background:#f69;
	color:#fff;
	width:20px;
	display:block;
}
.waveli-in-right {
	float:left;
}
.waveli-in-left {
	float:right;
}
.wavenav-right {
	left:100%;
	margin-left:-20px;
}
.wavenav-left {
	left:0%;
	margin-left:-130px;
}
.wave-li {
	margin:1px;
	display:block;
	background:#ccc;
	width:150px;
	overflow:hidden;
}
.wave-nav {
	position:fixed;
}

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

js波浪导航

0