hao123网站大家都很熟悉吧，具体的效果不用我多说吧，感兴趣的朋友可以去参考效果图，下面小编给大家分享下实现代码思路，当然大家可以根据需求适当的添加修改删除代码。
关键代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片轮播</title>
<style>
.warp{
width: 600px;
height: 750px;
position: relative;
margin:30px auto 0;
overflow: hidden;
}
#box{
width: 600px
