jquery实现点击左右箭头切换

html部分

  <div class="contain">
			<div class="box">
				<ul class="box_wheel">
					<li>111</li>
					<li>222</li>
					<li>333</li>
				</ul>
			</div>
			<div class="btn btn_left"><</div>
			<div class="btn btn_right">></div>
		</div>		

css部分

  *{padding: 0;margin: 0;}
		li{list-style: none;}
		.contain{width: 1080px;height: 500px;background: red;margin: 80px auto;position: relative;}
		.box{width: 1040px;height: 500px;margin: 0 20px;position: relative;overflow: hidden;}
		.box_wheel{height: 500px;position: absolute;overflow: hidden;}
		.box_wheel li{width: 1040px;height: 500px;background: pink;text-align: center;line-height: 500px;float: left;}
		.btn{width: 50px;height: 60px;background: bisque;line-height: 60px;text-align: center