为什么我这里按钮切换没有用-慕课网

首页课程实战体系课手记专栏慕课教程

为什么我这里按钮切换没有用

来源：3-1 箭头切换

随想录

2016-05-31 12:50

<!DOCTYPE html>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

</div>

</div>

</div>

window.onload=function(){

var swiper=document.getElementsByClassName("swiper");

var container=document.getElementsByClassName("container");

var slide=document.getElementsByClassName("slide");

var botton=document.getElementsByClassName("botton");

var prev=document.getElementsByClassName("prev");

var next=document.getElementsByClassName("next");

function animate(offset){

container.style.left=parseInt(container.style.left)+offset+"px";

};

prev.onclick=function(){

animate(600);

};

next.onclick=function(){

animate(-600);

}

</script>

</body>

</html>

写回答关注

4回答

零下的夏天

2016-06-17 15:09:28

首先你使用document.getElementsByClassName()来获取元素其实获取的是一个数组，并不是这个元素，你这样写document.getElementsByClassName("container")[0]; 在获取元素后加个[0],，然后再点击prev或者next就会发现容器的left值有变化

1 1

任性不是罪

但是，如果这样写的话，获取buttons 元素那一点就只能获取buttons 而不能获取其下面的span了，这个需要怎么改呢？

2016-07-20 14:34:32

共 1 条回复 >
写代码的阿木木

2016-06-12 15:28:59

你Class给的BUTTONS
调用的时候是button

0 0
随想录

2016-05-31 15:28:24

css另外写的..加载进去了

0 0
帝临江南

2016-05-31 14:10:23

没图片当然没有用

0 0

焦点图轮播特效

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

65234 学习 · 611 问题

查看课程

相似问题

为什么我写了这个for循环以后并不能切换按钮，然后左右按钮的切换都不行了？

回答 2

按钮切换图片效果

回答 2

请问：我照着敲了以后点击箭头切换按钮为什么没有反应？

回答 1

多次点击同一个小圆点按钮后，点击左右切换按钮就不起作用了，为什么？

回答 2

为什么箭头切换没效果

回答 2

打开慕课网App查看更多内容