240 发简信
IP属地:云南
  • 120
    如何优雅的设计App启动页

    好久不见,由于换了城市换了工作,两个月零五天没有发布文章,自责加愧疚加难为情,真心的,不要笑。我会反省,之后会定期将自己的所学所思通过文字写出来,和大家一起交流心得。 关于启...

  • 原生JS实现轮播图

    实习刚结束,由于实习期间一直用的React框架,原生js都有些生疏了,所以用原生js写了个简单的轮播图练练手。 方法一:更改src属性 第一种实现方法是只用一个img元素,然...

  • 用箭头控制图片的轮播大工告成!!(撒花~) 的上一段代码问题很大
    1.切换到下一张的animate函参数值不应该是-600吗?第一张你就给了默认-600px的left,如果在加上+600px再加上你那多余的offset那么轮播会直接空白,同样,上一张的参数也应该是600
    2.上一条有提及,为什么你要重复加offset值,你在 var newLeft=parseInt(list.style.left) +offset 已经明明加过,还要在animate函数中再次添加一遍 list.style.left=newLeft+offset+"px";
    3.if条件设置也是错误的,第一页为-600px(为真第一张),再点上一张就为0px(若不是请照第1条第2条错误修改)(为假最后一张),再点应该为-2600px(第四张),而不是什么-3000px(真最后一张),你的if设置后果就是最后一张会出现两次。同理点击下一张按钮至-3600px(假第一张),再点击应该跳转至-1200px(第二张),不是
    -600px(真第一张),同样第一张也会出现两次
    若是新手照着你的代码敲在这一步就会出现非常大的问题,这代码你确定自己敲了一遍?还是从别的地方复制的
    这部分正确代码如下
    function animate(offset){
    var newLeft = parseInt(list.style.left) + offset;
    if(newLeft > 0){
    newLeft = -2400
    }else if(newLeft < -3600){
    newLeft = -1200
    }
    }
    list.style.left = newLeft + 'px';

    教程类代码请一定自己敲一遍试一试,你觉得新手若是在这一步就出现了非常多的问题,之后的代码他还有可能看吗?