上下滚动的文字(Javascript)

2024-09-05 12:21:37

字体：大中小

来源：转载

供稿：网友

JavaScript实现上下滚动的文字特效，带两个小按钮可以控制向上滚动和向下滚动，只需把鼠标放在小箭头上，文字就开如滚动。滚动区域可以调节，文字内容换成你需要的就可以了，代码也是非常简单的。

<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="/d/file/p/2024/09-05/200a3631046b79544332dcebb2bae7e3.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="/d/file/p/2024/09-05/5fbb486aa2b1f32482de975216ee8bb8.jpg" width=15 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></BODY></HTML>

上一篇：jQuery jTicker 网页打字机效果演示

下一篇：Js实现天女散花_突显四处飞散的广告文字

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注