一、从下往上不间断滚动显示
<table width="315" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td height="35"><img src="WebImages/200x35gg.gif" alt="新闻公告"></td>
 </tr>
 <tr>
  <td height="185" align="left">
   <DIV id="demo" style="HEIGHT: 150px; OVERFLOW: hidden; WIDTH: 300px">
    <DIV class="l20" id="demo1">
     <!-- 滚动内容开始 -->
     <span id="lblWebCallBoard"><P><BR><BR><SPAN class=black13>怎样得到考试大纲和培训教材?</SPAN><BR>英文考试大纲可在<A href="/WebZxl/Application/NewsInfoAdd.aspx#">http://www.cie.org.uk</A>中查到。<BR>中文考试大纲可在<A href="/WebZxl/Application/NewsInfoAdd.aspx#">http://www.sbc-neea.com.cn</A>中查到。<BR>培训教材及教辅资料由中英中心组织编写。<BR>中英中心(SBC)授权中国人民大学出版社独家出版培训教材,面向全国发行。考生可在当地书店购买,或报名时在报名点购买。<BR><BR><SPAN class=black13>培训及报名地点</SPAN><BR>剑桥办公管理国际证书考试在成都的报名培训单位是成都执行力商务咨询有限公司。<BR><STRONG>2005年下半年考试时间?<BR></STRONG>◆笔试考试时间:11月19日;<BR>◆上机考试时间:11月20日;<BR>◆大作业考试上交截止时间:12月31日。<BR>报名地址:成都市人民南路四段13号(仁和春天棕北店北行100米)504室<BR>报名电话:028-85251612、85254642<BR><BR><SPAN class=black13>报名手续</SPAN><BR>报考者请携带本人身份证原件及复印件,军人凭军人身份证件、港、澳、台同胞凭本人港、澳、台身份证件(护照)一寸近期免冠相片三张到报名点办理报考手续。 考生要将姓名写在照片背面(一张粘在报名表贴照片处)。<BR><BR></P></span>
     <!-- 滚动内容结束 -->
    </DIV>
    <DIV id="demo2"></DIV>
   </DIV>
  </td>
 </tr>
</table>
<SCRIPT language="javascript">
 //控制公告的滚动
 var speed=80;
 demo2.innerHTML=demo1.innerHTML;
 function Marquee(){
  if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight;
  else{
   demo.scrollTop++;
  }
 }
 var MyMar=setInterval(Marquee,speed);
 demo.οnmοuseοver=function() {clearInterval(MyMar);}
 demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed);}
</SCRIPT>
二、从右往左不间断滚动显示
<table width="315" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td height="35"><img src="WebImages/200x35gg.gif" alt="新闻公告"></td>
 </tr>
 <tr>
  <td height="185" align="left">
   <DIV id="demo" style="HEIGHT: 150px; OVERFLOW: hidden; WIDTH: 300px"nowrap>
    <span class="l20" id="demo1" nowrap>
    <!-- 滚动内容开始-->
     辅资料由中英中心组织编写。中英中心(SBC)授权中国人民大学出版社独家出版培训教材,面向全国发行。考生可在当地书店购买,或报名时在报名点购买。
    <!-- 滚动内容结束 -->
    </span>
    <span id="demo2" nowrap></span>
   </div>
     
  </td>
 </tr>
</table>
<SCRIPT language="javascript">
 //控制公告的滚动
 var speed=10;
 demo2.innerHTML=demo1.innerHTML;
 alert(demo2.offsetTop+":"+demo1.offsetTop+":"+demo1.offsetHeight);
 alert(demo2.offsetLeft+":"+demo1.offsetLeft+":"+demo1.offsetWidth+":"+demo.scrollLeft);
 function Marquee(){
  //alert(demo2.offsetLeft+":"+demo.scrollLeft);
  if(demo2.offsetLeft-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth;
  else{
   demo.scrollLeft++;
  }
 }
 //Marquee();
 var MyMar=setInterval(Marquee,speed);
 demo.οnmοuseοver=function() {clearInterval(MyMar);}
 demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed);}
</SCRIPT>

转载于:https://www.cnblogs.com/JimZhang/archive/2005/10/25/261653.html

[Javascript]怎么样让公告不间断的滚动显示相关推荐

  1. JS不间断无缝滚动 (兼容火狐和IE)

    Html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  2. html不间断滚动图片,不间断循环滚动图片,jsp网页代码

    不间断循环滚动图片,jsp网页代码 marquee #marq { width:500px; height:100px; border:1px solid red; overflow:hidden; ...

  3. html 多张图片自动滚动,JS实现图片的不间断连续滚动的简单实例

    js替代marquee实现图片无缝滚动 可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动. ...

  4. JavaScript实现走马灯效果[无缝连接、循环滚动]

    JavaScript实现走马灯效果[无缝连接.循环滚动] 无缝跑马灯效果 以下代码在IE6.Firefox+Win2k环境下测试通过 网页走马灯连续循环滚动 一.向上的无缝循环滚动 HTML代码 &l ...

  5. K_A02_003 基于单片机驱动8位数码管模块(MAX7219) 0-7静态显示+滚动显示

    目录 一.资源说明 二.基本参数 1.电气参数 2.引脚说明 三.通信协议说明 工作时序 对应程序 四.部分代码说明 1.接线说明 1.1.STC89C52RC+8位数码管模块 1.2.STM32F1 ...

  6. android文字多行滚动显示,Android TextView多行文本滚动实现

    Android中我们为了实现文本的滚动可以在ScrollView中嵌入一个TextView,其实TextView自己也可以实现多行滚动的,毕竟ScrollView必须只能有一个直接的子类布局.只要在l ...

  7. android listview 自动循环滚动条,ListView的自动循环滚动显示【原创】

    最近项目里需要做评价内容的循环滚动显示,一开始想到的就是定时器.后来查了资料才知道ListView里面有个函数smoothScrollToPosition(position),瞬间觉得简单了很多.首先 ...

  8. 前端教程分享:十行代码实现title滚动显示

    细心的同学可能会发现我们网站的title显示的文字永远都是固定的不会移动的,那么有没有什么办法能让title滚动显示呢? 怎么样才能实现网页标题滚动效果呢?时间就是金钱,废话不多说,直接上代码: 然后 ...

  9. textView不能完全显示时,滚动显示

    Android 软件设计界面时,TextView文字过多,显示不全,怎么办?我们可以为Textview添加滚动条. <TextView                 android:id=&q ...

最新文章

  1. UOJ.311.[UNR#2]积劳成疾(DP)
  2. SP Session
  3. 前端学习(2607):vue指令
  4. 云漫圈 | 寻找无序数组的第k大元素
  5. 台阶问题(洛谷-P1192)
  6. java cookie secure_Cookie的Secure属性
  7. oracle有回表没有,ORACLE回表
  8. gerrit与crowdid, openid集成,设置openIdSsoUrl 直接登录
  9. Oracle项目管理系统的BIM应用
  10. Office2016简体中文专业版32/64
  11. javaScript视频弹幕
  12. Tbase 源码 (一)
  13. OPNsense用户手册-强制网络门户
  14. java中412是什么错_412错误是什么 412错误怎么解决
  15. git 代码行数统计
  16. 仿微信九宫格群聊view
  17. 四大行、城商行等银行都在使用什么数据库?
  18. HI3516DV300笔记(四)修改uboot环境变量
  19. 贪心算法——区间选点问题
  20. zt围棋是世界上最大的伪科学

热门文章

  1. 手机测试用例-设置测试用例
  2. javascript 请求action传递中文参数乱码问题
  3. maven详解之生命周期与插件
  4. 做游戏开发需要具备那些知识或技能?
  5. bazel、tensorflow_serving、opencv编译问题
  6. 【leetcode】Search in Rotated Sorted Array II(middle)☆
  7. Codeforces Round #246 (Div. 2) B. Football Kit
  8. 在Zf2中实现Controller按照URL自动注册
  9. 〖Linux〗Bash快捷键使用
  10. IBM GSA Senior DBA招聘