zoukankan      html  css  js  c++  java
  • javascript:滚动新闻

    <h5><div id="scrollNews" class="scrollNews" style="overflow: hidden; WIDTH: 700px">
     <nobr>
     <span id="scrollNews_cur">
      <a href="http://news.lfang.com/NewsDetail-47528-1.html">·新地阿尔法国际社区精装豪宅实景呈现</a>
      <a href="http://news.lfang.com/NewsDetail-47528-1.html">·地中海阳光2#楼全新房源即将火爆开盘</a>
      <a href="http://news.lfang.com/NewsDetail-47528-1.html">·正荣大湖之都5月29日湖景多层盛大开盘</a>
      <a href="http://news.lfang.com/NewsDetail-47528-1.html">·金桥慧景儒苑全新房源闪耀面世</a>
      <a href="http://news.lfang.com/NewsDetail-47528-1.html">·红谷一品低密度电梯多层洋房均价4500元全城发售</a>
     </span><span id="scrollNews_ext"></span>
     </nobr>
     <script defer>
    ScrollStup(scrollNewsMar,'scrollNews','scrollNews_cur','scrollNews_ext',20);
    </script>
     </div></h5>
     <script language="JavaScript">
    function MarqueeSelf(parentDiv,scrollObj,scrollExtObj){
     // alert(2);
           if(document.getElementById(scrollExtObj).offsetWidth-document.getElementById(parentDiv).scrollLeft<=0) //当滚动至rolllink1与rolllink2交界时
            document.getElementById(parentDiv).scrollLeft-=document.getElementById(scrollObj).offsetWidth;  //rolllink跳到最顶端
           else{
            document.getElementById(parentDiv).scrollLeft++;
           }
        }
       var scrollNewsMar;
       function ScrollStup(intVar,parentDiv,scrollObj,scrollExtObj,rollspeed){
           document.getElementById(scrollExtObj).innerHTML=document.getElementById(scrollObj).innerHTML //克隆rolllink1为rolllink2
           intVar=setInterval("MarqueeSelf('"+parentDiv+"','"+scrollObj+"','"+scrollExtObj+"')",rollspeed) //设置定时器
           document.getElementById(parentDiv).onmouseover=function() {clearInterval(intVar)}//鼠标移上时清除定时器达到滚动停止的目的
           document.getElementById(parentDiv).onmouseout=function() {intVar=setInterval("MarqueeSelf('"+parentDiv+"','"+scrollObj+"','"+scrollExtObj+"')",rollspeed)}//鼠标移开时重设定时器
       }
    </script>

    其他参考:

    http://blog.haha168.com/blogview.asp?logID=234

    作者:罗敏贵
    邮箱:minguiluo@163.com
    QQ群:34178394 建群 主要是寻找志同道合的人士一起学习和讨论自己的所学所思
    出处:http://luomingui.cnblogs.com/
    说明:专注于微软平台项目架构、熟悉设计模式、架构设计、敏捷个人和项目管理。现主要从事WinForm、ASP.NET、等方面的项目开发、架构、管理工作。文章为作者平时里的思考和练习,可能有不当之处,请博客园的园友们多提宝贵意见。
    知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。

  • 相关阅读:
    你人生中的那口井挖了没有?
    Stream接口
    console (控制台)
    assert.fail()
    assert.strictEqual()
    assert.equal()
    assert.ifError()
    assert.ok()
    nodejs assert 模块
    闭包
  • 原文地址:https://www.cnblogs.com/luomingui/p/1752337.html
Copyright © 2011-2022 走看看