如何编写连续滚动的效果

参考
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无间断图片轮滚</title>
<style>img{border:0}</style>
</head>
<body>
<!--
*****fason(2002-5-17)******
-->
<div id=oDiv style="width:200;border:1 solid red;overflow:hidden" onmouseover="clearInterval(s)" onmouseout="s=setInterval(fsnMarquee,20)">
<table border="1" width="100%">
<tr>
<td width="100%" id=oCont><nobr><a href=1.htm><img src=csdn.gif></a><a href=2.htm><img src=csdn.gif></a><a href=3.htm><img src=1.JPG width=100 ></a></nobr>
</td>
</tr>
</table>
</div>
<script>
var i=0
var s=null
function fsnMarquee(){
if(oDiv.scrollLeft>=(oCont.offsetWidth-oDiv.offsetWidth)/2){
oCont.firstChild.innerHTML+=oCont.firstChild.children[i].outerHTML
i++
}
else oDiv.scrollLeft++;
}
window.onload=function(){s=setInterval(fsnMarquee,20)} 
</script>
</body>
</html>

解决方案 »

  1.   

    补充：是一个frame垂直方向的滚动
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无间断marquee</title>
    <style>a{text-decoration:none;color:3366cc}</style>
    </head>
    <body>
    <div id=oDiv style="width:150;border:1 solid red;overflow:hidden;height:200" onmouseover="clearInterval(s)" onmouseout="s=setInterval(fsnMarquee,30)">
    <span id=oSpn>
    <a href='#'>1111111</a><br>
    <a href='#'>2222222</a><br>
    <a href='#'>3333333</a><br>
    <a href='#'>4444444</a><br>
    <a href='#'>5555555</a><br>
    <a href='#'>6666666</a><br>
    <a href='#'>7777777</a><br>
    <a href='#'>8888888</a><br>
    <a href='#'>9999999</a><br>
    </span>
    </div>
    <script>
    var i=0
    var s=null
    function fsnMarquee(){
    if(oDiv.scrollTop>=oSpn.offsetHeight-oDiv.offsetHeight-50){
    oSpn.innerHTML+=oSpn.children[i].outerHTML
    i++
    }
    else oDiv.scrollTop++;
    }
    window.onload=function(){s=setInterval(fsnMarquee,30)}
    </script></body></html>