滚动的页面

本文提供了一个使用HTML和JavaScript实现的公告滚动效果示例。通过设置`<MARQUEE>`标签属性,如`scrollAmount`和`scrollDelay`,控制滚动速度与间隔,实现了公告内容的上下滚动展示。
<html>
02     <head>
03         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
04         <title>公告滚动JS代码</title>
05     </head>
06      
07     <body>
08         <div align="center">
09             <table border="1" width="206" cellspacing="0" cellpadding="0"style="border-collapse: collapse" height="90"  id="table1">
10                 <tr>
11                     <td valign="top">
12                         <MARQUEE onmouseover=this.stop() onmouseout=this.start()scrollAmount=1 scrollDelay=100 direction=up height="99%">
13                          <TABLE cellSpacing=0 cellPadding=0 width="95%" align=centerborder=0>
14                             <TBODY>
15                               <TR>
16                                 <TD vAlign=top height=120>
17                                    <P style="LINE-HEIGHT: 150%;font-size:9pt">
18                                     <FONT color=#000033><A href="#" >欢迎您光临!</A></FONT><BR>
19                                     <FONT color=#000033><A href="#">更多很棒的源代码...</A></FONT><BR>
20                                     <FONT color=#000033><A  href="#">一个学习型的源码网站... </A></FONT><BR>
21                                     <FONT color=#000033><A href="#">如果有建议请提交给我们... </A></FONT><BR>
22                                     <FONT color=#000033><A href="#">非常感谢大家经常光顾</A></FONT><BR>
23                                     <FONT color=#000033><A href="#">再次感谢大家,再见</A></FONT>
24                                 </TD>
25                               </TR>
26                             </TBODY>
27                           </TABLE>
28                         </MARQUEE>
29                     </td>
30                 </tr>
31             </table>
32         </div>
33     </body>
34 </html>

转载于:https://my.oschina.net/u/1403159/blog/184639

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值