Html
    Css
    Js
* {
	margin:0;
	padding:0
}
li {
	list-style:none
}
img {
	vertical-align:top;
	border:none
}
.ibf-xl {
	position:relative;
	top:0;
}
.ibf-xl-ul {
	position:absolute;
	left:100px;
	display:none;
	top:0;
}
.ibf-xl-ul > li {
	display:block;
}
.ibf-xl-li {
	width:100px;
	height:40px;
	background-color:#EEEEEE;
	float:left;
	border-bottom:1px solid #DDDDDD;
	line-height:40px;
}
.ibf-xl-li>a {
	margin:5px;
}
.ibf-xl-li ul {
	display:none;
}
.ibf-xl-li-action > div {
	background-color:#DDDDDD;
}
.ibf-xl-li-action > ul {
	display:block;
}

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

jquery下拉mouseover无限自动加载列表

1
      ? Faith0
      2018/1/25 10:25:43
      还有bug,当你鼠标移到test1-3的时候,怎么移到相应的子元素呢? 回复