<style type="text/css">
#a1{ width:1080px; height:350px;position:relative; overflow:hidden;float:left;margin-left:10% }#ta{ position:relative; left:0px; top:0px; transition:1s } </style></head><body><div id="a1"><table id="ta" οnclick="ff()" cellpadding="0" cellspacing="0" > <tr><td><img src="../img/link1471514280602.jpg" width="1080px"/></td><td><img src="../img/link1471514105635.jpg" width="1080px"/></td> <td><img src="../img/拷贝.jpg" width="1080px"></td><td><img src="../img/未标题-1 拷贝.jpg" width="1080px"/></td><td><img src="../img/link1471514105635.jpg" width="1080px"/></td></tr></table></div> </body></html><script language="javascript"> document.getElementById("ta").style.left="0px" function ff() //函数,不调用不执行{ var ta=parseInt( document.getElementById("ta").style.left); // 定义一个值ta,将找到的值强制转换为整数 if(ta>-4320) //判断,当ta>-4320时执行的操作 { document.getElementById("ta").style.left=(ta-1080)+"px" //将ta的值减去1080,(将left向左移动,原来的数是0,-800,即移动一张图的距离) } else //不满足ta>-4320时,即ta=4320时,走完五张图的时候 { document.getElementById("ta").style.left="0px" //跳回0px,即回到第一张图 }window.setTimeout("ff()",2000) //延迟执行ff(),中的内容} window.setTimeout("ff()",2000); //延迟执行ff(),2s的时间,两秒钟换第一次图 </script>