jQuery模拟select选择框左右移动选项代码

来源:https://www.sucaihuo.com/js/2130.html 2017-06-08 23:14浏览(1514) 收藏

jQuery模拟select选择框左右移动选项代码,选择框里面内容左右移动效果,还可以进行批量与排序操作,自己看演示体验。
jQuery模拟select选择框左右移动选项代码
分类:表单代码 > 筛选 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
<script type="text/javascript" src="js/orso.min.js" ></script>
<script>
	$(document).ready(function(){
		$(".box").orso({
			boxl:".box_l",//左边大盒子
			boxr:".box_r",//右边大盒子
			boxlrX:"li",//移动小盒子
			boxon:"choose",//点击添加属性
			idclass:true,//添加的属性是否为class//true=class; false=id;
			boxlan:"#left",//单个向左移动按钮
			boxran:"#right",//单个向右移动按钮
			boxtan:"#top",//单个向上移动按钮
			boxban:"#bottom",//单个向下移动按钮
			boxalllan:"#allleft",//批量向左移动按钮
			boxallran:"#allright",//批量向右移动按钮
			boxalltan:"#alltop",//移动第一个按钮
			boxallban:"#allbottom"//移动最后一个按钮
		})
	});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2