<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无缝滚动</title>
<style type="text/css" rel="styleSheet">
li{
list-style:none;
}
</style>
</head>
<body>
<div id="_div" style="overflow:hidden;width:200px; height:500px;"> <ul id="ul1">
<li><img src="3.jpg" width="200px" height="200px;" /></li>
<li><img src="2.jpg" width="200px" height="200px;" /></li>
<li><img src="6.jpg" width="200px" height="200px;" /></li>
<li><img src="5.jpg" width="200px" height="200px;" /></li>
</ul>
<ul id="ul2"></ul>
</div>
</body>
<script type="text/javascript">
(function(){
var isScroll=true;
var ul1=document.getElementById("ul1");
var ul2=document.getElementById("ul2");
var div=document.getElementById("_div");
div.οnmοuseοver=function(){isScroll=false;};
div.οnmοuseοut=function(){isScroll=true;};
ul2.innerHTML=ul1.innerHTML;
_scroll();
function _scroll(){
if(isScroll){
if(div.scrollTop+div.clientHeight>=div.scrollHeight){
div.scrollTop-=ul1.scrollHeight;
}else{
div.scrollTop+=5;
}
}
setTimeout(_scroll,100);
}
})();
</script>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无缝滚动</title>
<style type="text/css" rel="styleSheet">
li{
list-style:none;
}
</style>
</head>
<body>
<div id="_div" style="overflow:hidden;width:200px; height:500px;"> <ul id="ul1">
<li><img src="3.jpg" width="200px" height="200px;" /></li>
<li><img src="2.jpg" width="200px" height="200px;" /></li>
<li><img src="6.jpg" width="200px" height="200px;" /></li>
<li><img src="5.jpg" width="200px" height="200px;" /></li>
</ul>
<ul id="ul2"></ul>
</div>
</body>
<script type="text/javascript">
(function(){
var isScroll=true;
var ul1=document.getElementById("ul1");
var ul2=document.getElementById("ul2");
var div=document.getElementById("_div");
div.οnmοuseοver=function(){isScroll=false;};
div.οnmοuseοut=function(){isScroll=true;};
ul2.innerHTML=ul1.innerHTML;
_scroll();
function _scroll(){
if(isScroll){
if(div.scrollTop+div.clientHeight>=div.scrollHeight){
div.scrollTop-=ul1.scrollHeight;
}else{
div.scrollTop+=5;
}
}
setTimeout(_scroll,100);
}
})();
</script>
</html>