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。