Html
    Css
    Js

    
                        
  .cus {
	position:fixed;
	bottom:30px;
	right:20px;
	width:60px;
	height:325px;
	overflow:hidden;
}
.squ {
	width:60px;
	height:60px;
	background:red;
	border-radius:5px;
	margin-top:5px
}
.as {
	position:relative;
	top:260px;
	z-index:2
}
.th {
	height:195px;
	transition:all 0.5s;
	overflow:hidden;
	transform:translateY(200px);
	opacity:0;
	text-align:center;
	line-height:30px;
}
.cus:hover .th {
	transform:translateY(0px);
	opacity:1
}

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

鼠标经过向上展开图标

0