【九月打卡】第13天 javascript(點(diǎn)擊圓點(diǎn)切換圖片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的索引
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦