发新贴  快速回复

[腾讯课堂&妙味远程作业] 第六课 京东幻灯片无缝滚动

  梅子的阳光
2017-07-17 14:38

遇到的问题:

首先,点击左边箭头<,,向右边运动时,切换总被定时器,影响,,我找不到原因,哪里错了,请老师指导下

附件下载:
 
j_love

你的布局的两个a,也就是按钮,放在了pic这个元素的外面,所以当鼠标让在了pic元素上之后,会停止正在运动的轮播。

你现在没有放到pic这个元素中,所以可以这样解决,就是在鼠标移入大两个a标签上的时候,停止正在运动的轮播,鼠标移开了再继续运动。

prev.onmouseover = next.onmouseover = function (){
        clearInterval(timer);    
    }
    prev.onmouseout = next.onmouseout = function (){
        timer = setInterval(goNext,1000)    
    }    

 

2017-07-17 22:31  回复本帖
 
梅子的阳光

哦,好的,谢谢!

2017-07-18 13:19  回复本帖
登录 后才可以发表回复