图像滚动-javascript

javascript比较麻烦。因为通过javascript读取的style样式只能读取标签中的样式，不能读取外部css或者内部非行间样式。所以通不用它来读取样式，而是用它来设置样式。

以下是html代码

<h1>EXAMPLE TWO</h1>
    <div id="example2">
        <span id="before"></span>
        <ul>
            <li><img src="images/example/example0.jpg" /></li><li><img src="images/example/example1.jpg" /></li><li><img src="images/example/example2.jpg" /></li><li><img src="images/example/example3.jpg" /></li><li><img src="images/example/example4.jpg" /></li><li><img src="images/example/example5.jpg" /></li><li><img src="images/example/example6.jpg" /></li><li><img src="images/example/example7.jpg" /></li></ul>
        <span id="next"></span>
    </div>

对应的css与javascript一样。

以下是javascript代码：

var t=setInterval(sildeImage,"1000");
    var parent=document.getElementById("example2").getElementsByTagName("ul");
    var left=parent[0].offsetLeft;
    var ul=parent[0];
    ul.style.left=left+"px";
    function sildeImage(){
        try{
            left=parent[0].offsetLeft;
            ul.style.left=left-10+"px";}catch(e){alert(e.message);}
    }

如果直接使用style.left的话，就如上述所说，读取不到外部css，所以返回的是”“空！。因此，可以用offsetLeft来代表left。