上面是最终完成的代码。虽然没什么动画效果,因为新手,但是还是很开心。说说开始到完成的几个主要阶段:
第一阶段:左右按钮都可以点击,但是没有停止也没有循环,所以当显示的部分都显示过后,出现的一直是空白。原因是没有控制_index的值。
第二阶段:可以循环了,但是因为获取到的li标签的个数除以8并不是每次都能刚好除尽,会有小数,本来使用parseInt()取整,这样当除完的结果是小数的时候,就可以正常切换了;
但是,当结果本来就是整数的时候,还是会有一个点击(主要是最后一页)是空白。原因是没有做判断,判断除完的数是不是整数。
第三阶段:完成。代码如上图。判断的时候用到了正则表达式,自己看不懂也不会写的说,在网上百度了几个,测试了下确实可以判断就用了。再就是条件运算符的使用,如下:
variablename=(condition)?value1:value2
写这个小效果的过程心情真的大起大落啊,每次以为是自己完成,结果一测试就有bug啊,好不容易写完了,可能还有未知bug,不过目前测不出来。
淡定、淡定、、继续扩展的写其他的轮播。
完整代码上传到文件里了。
时间: 2024-10-12 20:29:10