Html
    Css
    Js

    
                        
ul {
	list-style:none;
	width:830px;
	overflow:hidden;
}
li {
	height:120px;
	width:100px;
	float:left;
	transition:all 0.3s linear;
}
.active {
	width:330px;
}

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

最简单的推拉门代码

更新时间:2020-05-26 09:13:20

在js中鼠标滑过事件中添加类名,直接改变选择元素盒子的宽度,实现推拉门效果

0