实例一:
<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:20px;overflow:hidden">
<a href="javascript:">1,你可曾有过无数的梦想,</a>
<a href="javascript:">2,却在时光的流逝里幻灭 </a>
<a href="javascript:">3,你可曾对未来期待憧憬,</a>
<a href="javascript:">4,却在成长的岁月中迷失</a>
<a href="javascript:">5,优快云中国程序员论坛</a>
<a href="javascript:">6,大家一起来</a>
<a href="javascript:">7,好象都很不错的样子</a>
</div>
<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function()
{
clearInterval(t)
}
d.onmouseout=function()
{
t=setInterval(myfunc,1000)
}
</script>
实例二:
<SCRIPT>
var hxb_speed=30
hxb2.innerHTML=hxb1.innerHTML
function hxb_Marquee()
{
if(hxb2.offsetWidth-hxb.scrollLeft<=0)
hxb.scrollLeft-=hxb1.offsetWidth
else{
hxb.scrollLeft++
}
}
var hxb_MyMar=setInterval(hxb_Marquee,hxb_speed)
hxb.onmouseover=function()
{
clearInterval(hxb_MyMar)
}
hxb.onmouseout=function()
{
hxb_MyMar=setInterval(hxb_Marquee,hxb_speed)
}
</SCRIPT>
<DIV id=hxb style="OVERFLOW: hidden; WIDTH: 332px; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD id=hxb1 vAlign=top>
<TABLE>
<TBODY>
<TR>
<TD width=1 align=middle><!--要显示的内容 -->
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD id=hxb2 vAlign=top> <!-- 保持为空-->
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>