日期:2014-05-16  浏览次数:20473 次

如何实现从右往左滚动,起始位置不是从最右边开始?
在CSDN上看到一个从下往上滚动的代码,挺好的。

<div   id=demo   style= 'overflow:hidden;height:60px '>      
    <div   id=demo1>      
    111111111111111 <br>      
    222222222222222 <br>      
    333333333333333 <br>      
    444444444444444 <br>      
    555555555555555      
    </div>      
    <div   id=demo2> </div>      
    <script>      
    var   t=demo.scrollTop      
    demo2.innerText=demo1.innerText      
    function   qswhMarquee(){      
    if(demo2.offsetTop-demo.scrollTop <=0)      
    demo.scrollTop-=demo1.offsetHeight      
    else      
    demo.scrollTop++
    }      
    setInterval(qswhMarquee,100)
    </script>


可是不知道如何实现从右往左滚动的效果?

------解决方案--------------------
<div id= "rowdemo " style= "overflow:hidden; width:520px; ">
<table cellpadding= "0 " cellspace= "0 " border= "0 ">
<tr>
<td id= "rowdemo1 ">
<!--------------------->
被滚动的内容。
<!--------------------->
</td>
<td id= "rowdemo2 "> </td>
</tr>
</table>
</div>

<script type= "text/javascript ">
var speed=60 ; //速度
rowdemo2.innerHTML=rowdemo1.innerHTML;
function rowMarquee(){
if(rowdemo2.offsetWidth-rowdemo.scrollLeft <=0)
rowdemo.scrollLeft-=rowdemo1.offsetWidth;
else
rowdemo.scrollLeft+=2; //这里也可以控制速度
}
var rowMar=setInterval(rowMarquee,speed);
rowdemo.onmouseover=function(){clearInterval(rowMar);}
rowdemo.onmouseout=function(){rowMar=setInterval(rowMarquee,speed);}
</script>
------解决方案--------------------
楼上改的已经很全了。
再设下宽度
<div id= "rowdemo " style= "overflow:hidden; width:120px; ">
<table cellpadding= "0 " cellspace= "0 " border= "0 " width= "300 ">

style= "overflow:hidden;//溢出部分隐藏