js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 表单按钮

jquery实现j左右列表按钮控制穿梭框特效代码

发布时间:2017-03-08 15:44:16    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery实现j左右列表按钮控制穿梭框特效代码

jquery实现j左右列表按钮控制穿梭框特效代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title></title>    
<link rel="stylesheet" type="text/css" href="style.css">    
</head>    
<body>    
<div class="ty-transfer mt20 ml20" id="ued-transfer-1">    
<div class="fl ty-transfer-list transfer-list-left">    
<div class="ty-transfer-list-head">    
地域列表    
</div>    
<div class="ty-transfer-list-body">    
<ul class="ty-tree-select">    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容 ---- 1">    
穿梭框列表内容 ---- 1    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容 ---- 2">    
穿梭框列表内容 ---- 2    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容穿梭框列表内容 ---- 3">    
穿梭框列表内容 ---- 3    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容---- 4">    
穿梭框列表内容 ---- 4    
</span>    
</label>    
</div>    
</li>    
</ul>    
</div>    
<div class="ty-transfer-list-foot">    
<div class="ty-tree-div">    
<div class="tyc-check-blue fl">    
<input type="checkbox" class="transfer-all-check" id="tyc-check-blue">    
<span>    
</span>    
</div>    
<div class="ty-tree-text">    
全选    
</div>    
</div>    
</div>    
</div>    
<div class="fl ty-transfer-operation">    
<span class="ty-transfer-btn-toright to-switch">    
</span>    
<span class="ty-transfer-btn-toleft to-switch">    
</span>    
</div>    
<div class="fl ty-transfer-list transfer-list-right">    
<div class="ty-transfer-list-head">    
地域列表    
</div>    
<div class="ty-transfer-list-body">    
<ul class="ty-tree-select">    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容 ---- 7">    
穿梭框列表内容 ---- 5    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容 ---- 8">    
穿梭框列表内容 ---- 5    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框内容穿梭框内容穿梭框内容 ---- 9">    
穿梭框列表内容 ---- 7    
</span>    
</label>    
</div>    
</li>    
<li>    
<div class="ty-tree-div">    
<label class="tyue-checkbox-wrapper">    
<span class="tyue-checkbox">    
<input type="checkbox" class="tyue-checkbox-input" id="tyue-checkbox-blue">    
<span class="tyue-checkbox-circle">    
</span>    
</span>    
<span class="tyue-checkbox-txt" title="穿梭框列表内容穿梭框列表内容 ---- 10">    
穿梭框列表内容......    
</span>    
</label>    
</div>    
</li>    
</ul>    
</div>    
<div class="ty-transfer-list-foot">    
<div class="ty-tree-div">    
<div class="tyc-check-blue fl">    
<input type="checkbox" class="transfer-all-check" id="tyc-check-blue">    
<span>    
</span>    
</div>    
<div class="ty-tree-text">    
全选    
</div>    
</div>    
</div>    
</div>    
<div class="clearboth">    
</div>    
</div>    
<!--过滤筛选 end-->    
<script type="text/javascript" src="jquery.min.js"></script>    
<script type="text/javascript" src="Transfer.js"></script>    
<script type="text/javascript">    
	$("#ued-transfer-1").transferItem();    
</script>    
</body>    
</html>




列表 按钮 穿梭框

jquery实现会滚动的新闻列表和图片滚动特效

js tab选项卡新闻列表切换特效

jquery实现图片列表按顺序分类排列特效

jquery仿天猫左侧导航菜单分类列表

jquery hover网页左侧鼠标悬停列表改变菜单样式特效

jquery实现淘宝商品列表多条件查询特效

jquery仿马可波罗左侧商品列表导航菜单特效

jquery仿新浪微博图文列表滚动切换特效

jQuery实现支持多级下拉菜单列表特效

jQuery仿百度相框图片列表切换展示特效

jquery图片信息列表选项卡左右切换特效

CSS配合背景图片实现列表圆角特效

CSS实现图片列表滚动条特效

js实现文字标题列表,走马灯向上循环滚动特效

jquery animate仿 flash动画滑动收缩展示时间轴列表

jquery实现新闻标题列表上、下、左、右滚动切换特效代码免费下载

jquery+html5实现带播放列表的音乐播放器特效代码

jQuery实现新闻列表滚动特效代码

jQuery排行榜列表文字向上间歇滚动特效代码

js模拟select选择配送城市下拉列表菜单特效代码

tab选项卡切换特效并且带更多按钮

jQuery鼠标悬停在图片上显示说明按钮的HoverEx插件

jquery.caroufredsel按钮控制图片滚动,点击标签分类筛选特效

jquery实现带按钮控制轮播焦点图特效

jquery实现焦点图切换按钮控制大小图片滚动特效

jquery实现带缩略图,按钮控制图片左右滑动切换特效

jquery实现页面右侧固定按钮,点击展开带二维码的qq在线客服特效

jQuery幻灯片插件,按钮控制图片过渡特效

jquery实现带左右按钮控制滑动选项卡切换特效

jQuery实现网页滚动显示浮动导航,并且带返回顶部按钮

css3实现多款实用的网页鼠标滑动按钮动画特效

jQuery实现带图标导航按钮控制的图片滑动切换全屏焦点图特效

jQuery实现带数字按钮切换的焦点图幻灯片特效代码

换一换js特效代码_jquery鼠标点击换一换按钮_滚动新闻图片相册集特效代码_换一换网页代码

jQuery实现扁平按钮控制图片焦点图幻灯片切换特效代码

css3实现超全的按钮、鼠标悬停特效代码

CSS3实现一组质感细腻丝滑的按钮

jquery实现带索引按钮文字上下滚动特效代码

js点击按钮倒计时30秒发送手机验证码特效代码

jquery SuperSlide插件实现带左右按钮循环自动滑动焦点图