老师再讲解一遍，谢谢
来源：7-2 揭秘案例bug值解决第三个bug
ZZZZZzn
2020-06-08 12:46:56
var index = $('a').length-1;
$('a').add(document).on({
mouseenter:function (event) {
event.stopPropagation();
if ($(this)[0].nodeName=="A") {
index = $(this).index()
}else{
return true;
}
index = $(this).index();
swiper();
},
keydown:function (event) {
event.stopPropagation();//防止事件冒泡
console.log(event.keyCode)
if (event.keyCode == 37) {
index = index > 0 ? --index : $('a').length-1;
// if (index == 0) {
// index=$('a').length-1;
// }else{
// index --;
// }
}else if(event.keyCode == 39){
index = index < $('a').length-1 ? ++ index : 0;
// if (index == $('a').length-1) {
// index = 0;
// }else{
// index ++;
// }
}else{
return true;
}
swiper();
}
});
var swiper = function () {
$('img')
.eq(index)
.css({'opacity':'1'})
.siblings()
.css({'opacity':'0'});
}
var init = function(){
index=0;
swiper();
}
init();
麻烦老师再讲解每一行这个代码，
1回答
-
好帮手慕粉
2020-06-08
同学你好，关于同学的问题回答如下：
1、同学具体是哪个地方不明白呢？详细的逻辑和实现部分视频老师都讲过了哦，如果同学觉得哪个知识点不明白的，可以详细的指出来，这样比较有针对性呢。老师这里只给同学提供了大概思路，同学可以参考下：
具体的还是请同学参照视频呢，因为这不是一个小知识点，可以分析透彻，而是一个案例，里面牵涉到的知识点很多，不是这样就能讲清楚的，而且视频老师毕竟是视频教学，要比老师现在贴图讲的清楚的多哦。
2、同学现在已经学习到了jq部分，已经有了一定的基础了哦，所以不能像在刚入门时这样依赖老师了。毕竟实际工作中不会有同事像现在这样，让同学贴出一大段代码，一句一句给同学讲解的，同学也要自己动心思去解决问题的。老师在这里给同学提供个学习方法，同学可以参考下哦，同学在视频学习中，有哪个地方不明白的，可以立即在问答区进行提问，或者自己去查资料，搞明白了以后再去继续学习呢，这样分而治之，比同学一股脑学下来然后一头雾水强很多哦。
祝学习愉快~
1
相似问题