zoukankan      html  css  js  c++  java
  • [Javascript]怎么样让公告不间断的滚动显示

    一、从下往上不间断滚动显示
    <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.onmouseover=function() {clearInterval(MyMar);}
     demo.onmouseout=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.onmouseover=function() {clearInterval(MyMar);}
     demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
    </SCRIPT>
  • 相关阅读:
    asp.net log4net
    SQLServer客户端连接工具(支持2000,20005,2008)
    html中的table导出Excel
    贝叶斯网(2)Netica:从数据中学习CPT
    贝叶斯网(1)尝试用Netica搭建简单的贝叶斯网并使用贝叶斯公式解释各个bar的结果
    IIPP迷你项目(四)"Pong"
    Coursera课程《Machine Learning》学习笔记(week2)
    IIPP迷你项目(二)"Guess the Number!"
    Coursera课程《Machine Learning》学习笔记(week1)
    IIPP迷你项目(三)“Stopwatch: The Game”
  • 原文地址:https://www.cnblogs.com/JimZhang/p/261653.html
Copyright © 2011-2022 走看看