功能的实现步骤

<!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>