1

我正在为我正在制作的网站制作幻灯片。但我的幻灯片不断出错

无法将属性“className”设置为 null

这是我的代码：

window.onload=function(){
var slideshow = document.getElementsByClassName('slideshow').item(0),
    train = slideshow.getElementsByClassName('train').item(0),
    lists = document.getElementsByClassName('btns').item(0).getElementsByClassName('btn'),
    currentSlide = 0;

(go2slide = function (n) {
    if(n>lists.length-1) n=0;
    if(n<0) n=lists.length-1;
    train.style.left=(-310*n)+'px';
    lists.item(currentSlide).className = '';
    lists.item(n).className = 'active';
    currentSlide=n;
})(0); // set active of first li

nextSlide = function(){
    go2slide(currentSlide+1);
}

prvSlide = function(){
    go2slide(currentSlide-1);
}

var autoPlayIv = false;
(autoPlayStart = slideshow.onmouseout = function(){
    if(autoPlayIv) return;
    autoPlayIv = setInterval(nextSlide, 2000);
})(); // run auto play

autoPlayStop = slideshow.onmouseover = function(){
    clearInterval(autoPlayIv);
    autoPlayIv = false;
}

slideshow.getElementsByClassName('next').item(0).onclick=nextSlide;
slideshow.getElementsByClassName('previous').item(0).onclick=prvSlide;

for (var i=0; i<lists.length; i++) {
    (function(j){
        lists.item(j).onclick=function(){
            go2slide(j);
        }
    })(i);
}
}

我确实有一个 li 标记类作为 btn 和一个 btns ul。它的项目（0）。这是与之相关的html

<div class="body">
        <div class="slide">
                <div class="s1">
                    <div class="slideshow">
                        <div class="train">
                            <script type="text/javascript">
                                var slidesLen = 3;
                                for(var i=1;i<=slidesLen;i++){
                                document.write("<div style=\"background-image:url('../images/pic"+i+".jpg');\"></div>");
                                }
                            </script>
                        </div>
                        <div class="previous"></div>
                        <div class="next"></div></div>
                        <ul class="btns">
                            <i class="btn"></i>
                            <i class="btn"></i>
                            <i class="btn"></i>
                        </ul>
            </div>
                <div class="s2"></div>
                <div class="s3"></div>
                <div class="s4"></div>
                <div class="s5">
                    <div class="I"></div>
                    <div class="II"></div>
                    <div class="III"></div>
                </div>
        </div>
        <div class="text"></div>
    </div>

当然它只是我在这里发布的body.php。我认为不需要包含菜单以及 css 和 js 关联标签的 header.php。告诉我是不是

4

0 回答 0