继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

土星猪
关注TA
已关注
手记 76
粉丝 5
获赞 0

1.课程名称: 圆点切换2


课程章节:点击圆点切换图片2  javascript


2.课程内容:

我们把当前点击的span id 赋给index

     index = this.id

    

http://img2.mukewang.com/6326c55e000133ac10180785.jpg

还需要调用changeing方法,显示图片

http://img.mukewang.com/6326c6bd0001feab10040704.jpg

点击第二个圆点跳到了第二张图片,但是圆点没有跳动

http://img1.mukewang.com/6326c707000150c418340813.jpg

我们需要在changeing方法做处理

先把所有span显示的清除掉

dots[i].classname = "";

http://img1.mukewang.com/6326ca030001875911210685.jpg

效果:全部消失了

http://img.mukewang.com/6326ca34000135c609150473.jpg

然后用索引找到当前点击的span,显示及设为当前

dots[index].classname = "active"

http://img4.mukewang.com/6326cb39000182d014540749.jpg


效果:

http://img3.mukewang.com/6326cc730001bfeb16040826.jpg

http://img1.mukewang.com/6326cc8300019c2115030670.jpg

本小节完!!


三,本章重点,我觉得这是很考验我的逻辑O(∩_∩)O,完蛋咯得多练几遍



   

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP