效果 - 从右往左不停止运动

方法1：

CSS:
.container{ overflow:hidden; width:96px;}
.container .wrap {width:8000%; height:30px;}
.container .wrap div{ float:left;cursor: pointer;}

　　

HTML:
<div id="container" class="container">
	<div class="wrap">
	  <div id="container1">文字文字文字</div>
	  <div id="container2"></div>
	</div>
</div>

　　

JS :
var container = document.getElementById("container");
var container1 = document.getElementById("container1");
var container2 = document.getElementById("container2");
container2.innerHTML=container1.innerHTML;
function RtoL(){
    if(container.scrollLeft - container2.offsetWidth >=0 ){
    	container.scrollLeft -= container1.offsetWidth;
    }else{
    	container.scrollLeft++;
    }
}
var myvar=setInterval(RtoL,30);
container.onmouseout=function (){myvar=setInterval(RtoL,30);}
container.onmouseover=function(){clearInterval(myvar);} 

　　

方法2：

HTML:

　　　　<marquee direction="right" scrollamount="1" scrolldelay="10" border="0" width=500 >
　　　　　　　　这才知道我的全部努力 不过完成了普通的生活
　　　　</marquee>

<marquee onMouseOut="this.start()"onMouseOver="this.stop()">
    <font>Hello, World</font>
</marquee>

注意：该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果

它可以设置：滚动方向 速度 背景色等 11个属性  详情可看：http://www.360doc.com/content/13/0529/10/10825198_288959067.shtml

 

使文字上下滚动：
<DIV align=center> 
    <DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 45px"> 
        <MARQUEE class=p131 scrollAmount=1 scrollDelay=60 direction=Down height=45 onmouseover="this.stop()" onmouseout="this.start ()" align="left" WIDTH: 200px;> 
            <P align=left><FONT size=3> 文字</FONT></P>
        </MARQUEE>
    </DIV> 
</DIV>