<script type="text/javascript">

window.onload=function(){

            var container =document.getElementById('container');//定义变量container，获取id为container的容器

            var list = document.getElementById('list');//定义变量list，获取id为list的图片列表

            var buttons = document.getElementById('buttons').getElementsByTagName('span');//定义变量buttons，获取id为buttons容器下名为span的按钮

            var prev =document.getElementById('prev');//定义变量prev，获取id为prev的箭头

            var next = document.getElementById('next');//定义变量next，获取id为next的箭头

            var index = 1;//显示第几个按钮，默认显示第一个按钮

            function animate(offset){

            list.style.left=parseInt(list.style.left)+ offset +'px';

            }

            next.oclick=function (){

            animate(-600);

            }//实现点击右箭头列表图片向左移动600像素

           prev.onclick=function(){

            animate(600);

            }//实现点击右箭头列表图片向右移动600像素

          }  

    </script>