问答详情
源自:3-1 箭头切换

讲师源代码在哪里下载?我的为什么箭头不动

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


提问者:大山里荒漠里 2017-07-01 16:43

个回答

  • 慕数据9699268
    2017-07-02 21:42:58

    源代码下载在视屏右下角位置