上下滚动的文字(Javascript)

时间：2013-09-02 08:35 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<HTML>
<HEAD>
<TITLE>上下滚动的文字</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
<TABLE borderColor=green border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle>
      <SCRIPT language=JavaScript>
function scroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",80);
}
</SCRIPT>
      <TABLE width=330>
        <TBODY>
        <TR>    
          <TD vAlign=top width=304 rowSpan=2>
            <DIV id=Out1 style="BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; OVERFLOW: hidden; BORDER-LEFT: 1px dashed; WIDTH: 100%; BORDER-BOTTOM: 1px dashed; HEIGHT: 100px">      
<span>答友人——毛泽东</span><BR>
<span>九疑山上白云飞，</span><BR>
<span>帝子乘风下翠微。</span><BR>
<span>斑竹一枝千滴泪，</span><BR>
<span>红霞万朵百重衣。</span><BR>
<span>洞庭波涌连天雪，</span><BR>
<span>长岛人歌动地诗。</span><BR>
<span>我欲因之梦寥廓，</span><BR>
<span>芙蓉国里尽朝晖。</span><BR></DIV></TD>
<TD vAlign=top width=14><IMG onmousedown=scroll(-3) onmouseover=scroll(-1) onmouseout=scroll(0) height=20 alt=按下鼠标速度会更快！src="http://www.codefans.net/jscss/demoimg/201309/up.jpg" width=14 border=0></TD></TR>
        <TR>
          <TD vAlign=bottom width=14><IMG onmousedown=scroll(3) onmouseover=scroll(1) onmouseout=scroll(0) height=21 alt=按下鼠标速度会更快！src="http://www.codefans.net/jscss/demoimg/201309/down.jpg" width=15 
border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

JavaScript实现上下滚动的文字特效，带两个小按钮可以控制向上滚动和向下滚动，只需把鼠标放在小箭头上，文字就开如滚动。滚动区域可以调节，文字内容换成你需要的就可以了，代码也是非常简单的。上下滚动的文字(Javascript)由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/gundong/5525.html

上下滚动的文字(Javascript)

网页特效