日期:2014-05-16  浏览次数:20742 次

js图片无法滚动
我希望图片能够滚动,跟踪代码,发现图片的left可以改变的,但是网页上就是不能显示出滚动效果,求解呀!!

function initPage() {
    t = setInterval("scrollImages()" ,40);
}
function scrollImages() {
//    alert("scroll");
    var coverBarDiv = document.getElementById("coverBar");
    var images = coverBarDiv.getElementsByTagName("img");
    for (var i = 0; i < images.length; i++) {
        var left = images[i].style.left.substr(0,
               images[i].style.left.length - 2);
        if (left <= -86) {
            left = 532;
        }
        images[i].style.left = (left - 1) + "px";
    }
}

------解决方案--------------------
left变化了,但元素的css有没有定义为 position: absolute  ?否则是不能移动的!
但我不建议你这样做滚动图片,应该使用scroll方法来做。
------解决方案--------------------
t = setInterval("scrollImages()" ,40);

有乱码。检查一下保存的编码和声明的CHARSET是否对应。

LEFT有变化,但位置没变动,检查一下 position是否设为绝对定位或者相对定位。缺省是不会响应位置变化的。