手记

【九月打卡】第13天 javascript(点击圆点切换图片1)

1.课程名称 点击圆点切换图片


课程章节   轮播图上的点击圆点切换图片1


2.课程内容

        点击小圆点切换到对应的图片

        首先我们要获取到圆点的导航,所以给它一个id

        

        获取圆点导航所有的span

        

        测试一下点击圆点后能不能获取到值

        写一个循环

        把d给dots里

        

        测试点击一下

        

        点击三个都能获取到它的值

        

        然后需要改变index为当前span的索引

        给每一个span添加一个id属性,值为d,作为当前span的索引

        

        拿d作为它的值然后d会循环,span就会id了

        

        



    有了id之后我们在继续点击圆点看能不能拿到对应的值

    

    获取它的id

    第一个圆点值是0

    

    第二个圆点是1

        

      本节结束


三,本章重点 一定要给span设置id,不能直接拿d当作span的索引





0人推荐
随时随地看视频
慕课网APP