关于无缝滚动代码滚动的修正



<style>
#redian1,#redian2{
height:auto;
text-align:left;
}
#redian1 li,#redian2 li{
list-style-type:none;
height:22px;
background:url() no-repeat left center;
text-align:left;
text-indent:0px;
}
</style>
<div class=”module cl” id=”redian” style=”overflow:hidden;height:350px;width:240px;”>
<ul id=redian1>
[index=1]

<li class=”topRank”>
<em>1</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=2]
<li class=”topRank”>
<em>2</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=3]
<li class=”topRank”>
<em>3</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=4]
<li>
<em>4</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=5]
<li>
<em>5</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=6]
<li>
<em>6</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=7]
<li>
<em>7</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=8]
<li>
<em>8</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=9]
<li>
<em>9</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=10]
<li>
<em>10</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]

[index=11]

<li>
<em>11</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=12]
<li >
<em>12</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=13]
<li>
<em>13</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=14]
<li>
<em>14</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=15]
<li>
<em>15</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=16]
<li>
<em>16</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=17]
<li>
<em>17</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=18]
<li>
<em>18</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=19]
<li>
<em>19</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
[index=20]
<li>
<em>20</em>
<a target=”_blank” title=”{title}” href=”{url}”>{title}</a>
</li>
[/index]
</ul>
<ul id=redian2></ul>
</div>
<script>
var speed=40
var redian=document.getElementById(“redian”);
var redian2=document.getElementById(“redian2”);
var redian1=document.getElementById(“redian1”);
redian2.innerHTML=redian1.innerHTML
function Marquee(){
if(redian2.offsetHeight-redian.scrollTop<=0)
redian.scrollTop-=redian1.offsetHeight
else{
redian.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
redian.onmouseover=function() {clearInterval(MyMar)}
redian.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

网上找到一段代码,但是实际应用的时候,滚动一会儿就停止了,估计是网络流转的时候修改导致的BUG。需要修复js
具体是  if(redian2.offsetHeight-redian.scrollTop<=0)
redian.scrollTop-=redian1.offsetHeight  这里最后没有执行 有的这里的代码已经修改错误 ,经调试后正常。