Html
    Css
    Js

    
                        
html {
	font-size:16px;
}
.fromlist {
	padding:10px;
	overflow:hidden;
	background-color:seashell;
	border:1px solid bisque;
	transition:0.4s;
	margin-top:20px;
}
.tolist {
	padding:10px;
	border:1px solid skyblue;
	background-color:aliceblue;
	margin-top:20px;
}
label {
	padding:2px 5px;
	background-color:darkgray;
	color:#FFF;
	margin-right:2px;
	cursor:pointer;
	border:solid 1px rgba(138,138,138,1.00);
	border-radius:4px;
	display:inline-block;
	margin-bottom:2px;
}
.fromlist label {
	background-color:tan;
	border-color:rosybrown;
}
.tolist label {
	background-color:dodgerblue;
	border-color:royalblue;
}
.btns {
	padding:10px;
	overflow:hidden;
	background-color:aliceblue;
	border:1px solid lavender;
}
.btns button {
	background-color:blueviolet;
	color:#FFF;
	border:0;
	padding:5px 10px;
	border-radius:4px;
	font-size:18px;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
	outline:none;
}
.btns button:active {
	box-shadow:0 0 5px 0 rgba(0,0,0,0.8);
}

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

标签穿梭框,飞出飞入效果(原创)

发布时间:2018-6-21 3:55

点击标签,会从原位置飞入(动画效果)下面的框。
在做客户一个选学生的功能时做的,如果你要获取已选的值,可以用自己的方法哈,方法很多,自己多想想~

0