老师帮忙检查是否正确
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});8
收起
正在回答
1回答
同学你好,提供的js代码没有错误,如果同学的html结构类似如下这个样子:

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

那代码就基本上是正确的。
同学可以再自己检查一下结构和样式。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星