87,996
社区成员
发帖
与我相关
我的任务
分享功能的实现步骤
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> iii </title>
<style type="text/css">
#div1,#div2 {width:550px;height:565px;overflow-y:scroll;border:1px solid #000;overflow-style:marquee,panner;}
#div2{ position:absolute;left:720px;top:28px;}
#xy{font-family:微软雅黑;font-size:16px;font-weight:bold;font-style:normal;text-decoration:none;color:#F2F2F2;
text-align:center;background-color:red;}
#hk1{ background-color:#eee}
#lf{ float:left;}
#hk1{width:158px;height:180px;padding-left:10px;margin:2px;
background-color:#eee;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;float:left;}
img{width:120px;height:125px;padding:-10px;}
.bn1,.bn2{ width:85px;height:31px; border:none;outline:none;cursor:pointer;background:url(xx.png) left top no-repeat;color:#fff;font-size:16px;font-weight:bold;}
.bn1{ position:absolute;left:600px;top:180px;}
.bn2{ position:absolute;left:600px;top:260px}
.name{float:right; line-height:30px; margin:0 auto;width:25px;}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div id="doy">
<div id="div1">
<div id="hk1" >
<label><span class="name">张XX</span></label>
<label id="lf">岗位:<span>州长</span></label>
<label id="lf">描述:<span>一洲之长</span></label>
</div>
<div id="hk1" >
<label><span class="name">李XX</span></label>
<label id="lf">岗位:<span>县长</span></label>
<label id="lf">描述:<span>一县之长</span></label>
</div>
<div id="hk1" >
<label><span class="name">陈XX</span></label>
<label id="lf">岗位:<span>市长</span></label>
<label id="lf">描述:<span>一市之长</span></label>
</div>
<div id="hk1" >
<label><span class="name">欧阳花季</span></label>
<label id="lf">岗位:<span>镇长</span></label>
<label id="lf">描述:<span>一镇之长</span></label>
</div>
<div id="hk1" >
<img src="14.png"/>
<label><span class="name">上官XXX</span></label>
<input type="checkbox" id="bb" name="ids" >
<label id="lf">岗位:<span>乡长</span></label>
<label id="lf">描述:<span>一乡之长</span></label>
</div>
<div id="hk1" >
<label><span class="name">宇文XXX</span></label>
<input type="checkbox" id="bb" name="ids" >
<label id="lf">岗位:<span>村长</span></label>
<label id="lf">描述:<span>一村之长</span></label>
</div>
</div>
<div id="div2">
</div>
<script >
</script>
<!--点击-->
<input type="button" class="bn1" onclick="left_click()" value=">">
<input type="button" class="bn2" onclick="right_click()" value="<">
</body>
</html>我想实现div1中的子 div都 能双击就到div2中去,但是过去一个就新创建一个新的div。在div1中每个子div都有一个复选框能选择。单选或多选 后点击button 就能进行交换。功能就这么多。
求提示或者帮助。。。
...全文
请发表友善的回复…
发表回复
走在四季 2015-08-31
- 打赏
- 举报
小白路过，如果比较少的话，设置显示隐藏最简单。。。
有个这jquery sortable插件，效果也不错，可以找资料学习下。
http://blog.csdn.net/u011098115/article/details/47979953 前几天刚好遇到。
