功能的实现步骤

wen19910312 2015-08-31 05:25:14

<!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 就能进行交换。功能就这么多。
求提示或者帮助。。。
...全文
83 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
走在四季 2015-08-31
  • 打赏
  • 举报
回复
小白路过,如果比较少的话,设置显示隐藏最简单。。。 有个这jquery sortable插件,效果也不错,可以找资料学习下。 http://blog.csdn.net/u011098115/article/details/47979953 前几天刚好遇到。

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧