老师帮忙检查是否正确

老师帮忙检查是否正确

const  slider = document.querySelector('.slider');
      const leftbtn = document.getElementById('leftbtn'),
            rightbtn = document.getElementById('rightbtn');
      
      class ButtonSlider extends BaseSlider {
        constructor(el,options) {
          super(el,options);
          this._bindEvent();
        }
        _bindEvent() {
          leftbtn.addEventListener('click',()=>{
            this.prev();
          });
          rightbtn.addEventListener('click',()=>{
            this.next();
          });
          slider.addEventListener('mouseenter',()=>{
            leftbtn.style.display = 'block';
            rightbtn.style.display = 'block';
          })
          slider.addEventListener('mouseleave',()=>{
            leftbtn.style.display = 'none';
            rightbtn.style.display = 'none';
          })
        }
      }
      new ButtonSlider(slider,{speed:2000,initialIndex:1});


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,提供的js代码没有错误,如果同学的html结构类似如下这个样子:

https://img1.sycdn.imooc.com//climg/61b4677809b4eee907930303.jpg

并且左右按钮初始样式是隐藏:

https://img1.sycdn.imooc.com//climg/61b4679409fe997405730287.jpg

那代码就基本上是正确的。

同学可以再自己检查一下结构和样式。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师