Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
.main div {
	width:90%;
	height:400px;
	text-align:center;
	margin:10px auto;
}
li {
	list-style-type:none;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-bottom:1px dashed #aaa;
	position:relative;
}
li.hover {
	background-color:#c81623;
}
/*鼠标移动上去后的效果*/
        li span {
	display:none;
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
}
li.hover span {
	display:block;
	top:0;
	left:0;
	background-color:#c81623;
	color:white;
}
/*鼠标移动上去后的效果*/
        ul {
	position:fixed;
	left:10px;
	top:100px;
	display:none;
}
li span.cli {
	display:block;
	top:0;
	left:0;
	background-color:#c81623;
	color:white;
}

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

楼层导航(原创)

2
      WeberCold0
      2018/3/5 13:35:37
      发现下载后点击左侧导航栏没有跳转效果,在网站上效果却在
      回复
      庸 人 自 扰0
      2017/4/24 14:16:26

      好东西 比我自己那个想法要好多了...

      回复