JS跑马灯问题

Question

http://www.dns110.com/faq/Html/20069710520-1.Html  
高手帮忙把这个由下向上滚动  改成由右向左的   谢谢了

Answer 1

<div id="Parent" style="cursor: hand; overflow: hidden; width: 800px; height:50px">
       <div id="Child_A" style="float:left;white-space:nowrap;"><a href="http://lookcode.net">lookcode</a> <a href="http://www.searoute.net">searoute</a>  </div>
    </div>
    <span id="spanMsg"></span>
    <script type="text/javascript">
        var Parent = document.getElementById("Parent");
        var ChildA = document.getElementById("Child_A");
        var parentWidth = 800;
        var count = 2;
        ChildA.innerHTML = ChildA.innerHTML + " " + ChildA.innerHTML;
        while (Parent.scrollWidth <= parentWidth) {
            count *= 2;
            ChildA.innerHTML = ChildA.innerHTML + " " + ChildA.innerHTML;        }        var speed = 10;        function Marquee() {            if (ChildA.offsetWidth / count - Parent.scrollLeft < 0)//NB Cacluate the optimal position
            {
                Parent.scrollLeft -= ChildA.offsetWidth / count;
            }
            else {                Parent.scrollLeft++            }        }
        var MyMar = setInterval(Marquee, speed)
        Parent.onmouseover = function() { clearInterval(MyMar) }
        Parent.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
    </script>

Answer 2

<div id=maq style=overflow:hidden;height:100px;width:150px;white-space:nowrap;> 
<span style="display:inline-block; " id=mtext> 
1.文字也是可以连续滚动的<br> 
2.文字也是可以连续滚动的<br> 
3.文字也是可以连续滚动的<br> 
4.文字也是可以连续滚动的<br> 
5.文字也是可以连续滚动的<br> 
6.文字也是可以连续滚动的<br> 
</span> 
<span style="display:inline-block;" id=m0>222</span>
 </div> 
<script> 
var speed=40 //调整滚动速度 
m0.innerHTML=mtext.innerHTML 
function Marquee(){ 
if(m0.offsetLeft-maq.scrollLeft<=0) 
maq.scrollLeft-=mtext.offsetWidth 
else{ 
maq.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
maq.onmouseover=function() {clearInterval(MyMar)} 
maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>

Answer 3

  <div id="demo" style="OVERFLOW: hidden; WIDTH: 500px; COLOR: #ffffff">
        <table cellspacing="0" cellpadding="0" align="left" border="0" cellspace="0">
          <tbody>
            <tr>
              <td id="demo1" valign="top"> 
            <!--begin--> 
     <table width="500" border="0" cellpadding="0" cellspacing="0">
                <tr>
          <td height="12">       内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 
          </td>
             </tr>
              </table>
         <!--end-->              
              </td>
              <td id="demo2" valign="top">&nbsp;</td>
            </tr>
          </tbody>
   </table>
</div>
<script language="JavaScript" type="text/javascript">
var speed3=25; //速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed3);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3);}
</script>