<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style type="text/css">ul li{list-style:none;}#test{border:1px solid red;width:200px;height:200px;overflow:hidden;position:relative;}#test1{position:absolute;top:2px;left:2px;width:800px;}.css{float:left;width:400px;}.css div{float:left;width:50px;}
</style> </head> <body> <div id="test"><div id="test1"> <div id="con" class="css"> <div><img src="images/ren_h_1.jpg" /></div> <div><img src="images/ren_h_2.jpg" /></div> <div><img src="images/ren_h_3.jpg" /></div> <div><img src="images/ren_h_4.jpg" /></div> <div><img src="images/ren_h_1.jpg" /></div> <div><img src="images/ren_h_2.jpg" /></div> <div><img src="images/ren_h_3.jpg" /></div> <div><img src="images/ren_h_4.jpg" /></div> </div> <div id="con2" class="css"></div> </div> </div> <script> var test = document.getElementById("test");var test1 = document.getElementById("test1");var con = document.getElementById("con");var con2 = document.getElementById("con2");con2.innerHTML = con.innerHTML;
function move(){if(test1.offsetWidth - test.scrollLeft <= 0){test.scrollLeft -= test1.offsetWidth;}test.scrollLeft++;}var times = setInterval("move()",10);test1.onmousemove = function(){clearInterval(times);};test1.onmouseout = function(){times = setInterval("move()",10);} </script></body> </html>
</style> </head> <body> <div id="test"><div id="test1"> <div id="con" class="css"> <div><img src="images/ren_h_1.jpg" /></div> <div><img src="images/ren_h_2.jpg" /></div> <div><img src="images/ren_h_3.jpg" /></div> <div><img src="images/ren_h_4.jpg" /></div> <div><img src="images/ren_h_1.jpg" /></div> <div><img src="images/ren_h_2.jpg" /></div> <div><img src="images/ren_h_3.jpg" /></div> <div><img src="images/ren_h_4.jpg" /></div> </div> <div id="con2" class="css"></div> </div> </div> <script> var test = document.getElementById("test");var test1 = document.getElementById("test1");var con = document.getElementById("con");var con2 = document.getElementById("con2");con2.innerHTML = con.innerHTML;
function move(){if(test1.offsetWidth - test.scrollLeft <= 0){test.scrollLeft -= test1.offsetWidth;}test.scrollLeft++;}var times = setInterval("move()",10);test1.onmousemove = function(){clearInterval(times);};test1.onmouseout = function(){times = setInterval("move()",10);} </script></body> </html>
