轮播图部分是跟着视频老师一起写的,但是为什么点了箭头图片却不切换?

来源:3-1 箭头切换

BlueWonder丶

2018-10-25 17:25

<script type="text/javascript">

window.onload=function(){

var autoplay=document.getElementById('div_autoplay');

var list=document.getElementById('list');

var buttons=document.getElementById('buttons').getElementByTagName('span');

var prev=document.getElementById('prev');

var next=document.getElementById('next');


function animate(offset){

list.style.left=parseInt(list.style.left)+offset+'px';

if(list.style.left>-800){

list.style.left=-4000+'px';

}

if(list.style.left<-4000){

list.style.left=-800+'px';

}

}

next.onclick = function(){

animate(-800);

}

prev.onclick = function(){

animate(800);

}

}

</script>


写回答 关注

2回答

  • BlueWonder丶
    2018-10-27 15:36:31

    我找到问题出在哪了,获取buttons的span标签要用getElementsByTagName,而非getElementByTagName

    灵胤

    我的没有这个问题,但是我的只能在dw里面动,在网页上浏览的时候就不行

    2020-01-08 13:10:11

    共 1 条回复 >

  • BlueWonder丶
    2018-10-27 15:31:55

    很奇怪,把onload事件里的获取var buttons注释掉就实现切换了,为什么会这样呢?

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65279 学习 · 611 问题

查看课程

相似问题