如何实现从右往左滚动,起始位置不是从最右边开始?
在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;//溢出部分隐藏