亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第14天 javascript(點擊圓點切換圖片2)

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


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


2.课程内容:

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

     index = this.id

    

https://img1.sycdn.imooc.com//6326c55e000133ac10180785.jpg

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

https://img1.sycdn.imooc.com//6326c6bd0001feab10040704.jpg

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

https://img1.sycdn.imooc.com//6326c707000150c418340813.jpg

我们需要在changeing方法做处理

先把所有span显示的清除掉

dots[i].classname = "";

https://img1.sycdn.imooc.com//6326ca030001875911210685.jpg

效果:全部消失了

https://img1.sycdn.imooc.com//6326ca34000135c609150473.jpg

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

dots[index].classname = "active"

https://img1.sycdn.imooc.com//6326cb39000182d014540749.jpg


效果:

https://img1.sycdn.imooc.com//6326cc730001bfeb16040826.jpg

https://img1.sycdn.imooc.com//6326cc8300019c2115030670.jpg

本小节完!!


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



   

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
數據庫工程師
手記
粉絲
5
獲贊與收藏
0

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消