• [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>
  • 相关阅读:
    关于宏定义与内联函数
    vsv
    nginx与php之间的通信
    php高级
    PHP基础知识
    php结合redis实现高并发下的抢购、秒杀功能
    MySQL索引优化
    PHP基础(谈一谈Session&Cookie)
    Yii2框架查询指定字段和获取添加数据的id
    linux常用命令
  • 原文地址:https://www.cnblogs.com/JimZhang/p/261653.html
Copyright © 2020-2023  润新知