你看看你的html代码和css3代码是不是有问题,我的一开始出不来,就是因为html写错了
javascript: 是一个伪协议,javascript:是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。
换键盘
你css样式写在行内才可以像视频内这样写,不然就应该用
list.style.left = list.offsetLeft + offset + 'px' ;
也可以console.log()看看俩个的属性,就知道了。
原因在这里
var myIndex = parseInt(this.getAttribute('index'));
var offset = -600 * (myIndex - index);
animate(offset);
假如offset =0,可以推出myIndex =index;
当myIndex =index时,其实就是当前显示高亮的小圆点和你点击的小圆点是同一个小圆点。
既然这样;那么在function animate(offset)函数中,就可以加个判断,当offset =0时,什么也不做,
也就是退出该函数。
next.onclick = function(){
if (animated) {
return;
}
if (!animated) {
animate(-600);
}
if(index == 5){
index = 1;
}else{
index += 1;
}
showButton();
console.log(index); //删掉这一行
}
应该是定时器覆盖,导致加速
哦哦,谢谢哈
符号错了," var newLeft=parseInt(list.style.left)-hwr; "是+hwr;
自动播放时鼠标移进移出没效果 :
container.onmouseover = stop; container.onmouseout = play;
我的情况跟你是一样的,你解决这个问题了吗😂
改成setTimeout(go, 300)
你的list 不存在啊 你var 的是 那个就给那个添加onclick事件
我是看了好几遍视频才勉强搞明白什么意思,这么给你解释吧:
看上面这个数轴:
首先speed为负的时候,为向左进行位移,这个应该不会有问题吧。然后你想,向左进行位移是想达到什么目的呢?肯定是想让位移后的位置跑到位移前位置的左边,也就是说在进行位移之前,需要满足位移前的位置在数轴上要在位移后的位置的右边,即parseInt(list.style.left)>newLeft,这么说应该就可以懂了吧。
如果懂了,那么想右位移的情况应该也就不难理解了
|| 是或的意思 && 是并的意思 你这个应该是条件判断 返回 true 或者 false ;
一开始默认要加 play()
a标签
原因已找到谢谢大家
首先呢你的函数名字前后不一致,然后parseInt,你要注意字母大小写
资料下载里面有
问题已经解决。。。。。。。。。