用层实现marquee效果

来源：百度知道 编辑：UC知道 时间：2024/05/29 23:01:29
<body onload="scroll1()">
<div id=di style="text-align:right; width:100%; position:static;">
<span id=ma onmouseover="clearTimeout(timeid)" onmouseout="setTimeout(temp,200)">
</span>
</div>
<script language="javascript">
var timeid=0;
var sc1=0;
var sc2=0;
var sc3=0;
var temp="scroll1()";
var txt="div层实现marquee效果";

function scroll1()
{
if(sc1<txt.length)
{
sc1+=1;
ma.innerText=txt.substring(0,sc1);
timeid=setTimeout("scroll1()",200);
temp="scroll1()";
}
else
{
sc1=0;
timeid=setTimeout("scroll2()",200);
temp="scroll2()";
}
}
function scroll2()
{
if(ma.offsetWidth<di.clientWidth)
{
sc2+=1;
var space="";
for(var i=0;i<sc2;i++)

<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>
这是一个滚动字幕。
</MARQUEE>
下面的例子显示了 marquee 元素的 scrollLeft 和 scrollTop 属性的一些用途。
<MARQUEE id=m1 direction=right style="border-width:2px;border-style:solid;"
width=200 height=200>向右</MARQUEE><BR>
<!-- 单击此按钮可在字幕滚动时读取 scrollLeft 和 scrollTop 属性的值。 -->
<BUTTON onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">
读取</BUTTON>
<!-- 当字幕停止时，你可以设置水平字幕的 scrollLeft，或者设置垂直字幕的 scrollTop。 -->
<BUTTON onclick="m1.stop();m1.scrollLeft = 190;">停止并设置 scrollLeft=190</BUTTON>
<BUTTON onclick="m1.start();">开始</BUTTON>