搜尋

首頁  >  問答  >  主體

javascript如何实现新闻滚动效果?

javascript如何实现新闻滚动效果?

末日的春天末日的春天2828 天前894

全部回覆(2)我來回復

  • 数据分析师

    数据分析师2017-10-01 00:38:35

    javascript如何實現新聞滾動效果? -PHP中文網問答-javascript如何實現新聞滾動效果? -PHP中文網問答

    圍觀一下哦,學習一下。

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-03-01 09:53:37

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>code.js.cn </title> 
    <style> 
    a 
    { 
    display: block; 
    font-size: 15px; 
    line-height: 18px; 
    text-decoration: none; 
    color: #333; 
    font-family: Arial; 
    font-size: 12px; 
    } 
    .shell 
    { 
    background:no-repeat 4px 5px; 
    border: 1px solid #aaa; 
    width: 400px; 
    padding: 3px 2px 2px 20px; 
    } 
    #p1 
    { 
    height: 36px; 
    overflow: hidden; 
    } 
    </style> 
    </head> 
    <body> 
    <p class="shell"> 
    <p id="p1"> 
    <a>这是</a> 
    <a>我的</a> 
    <a>第一篇</a> 
    <a>博客</a> 
    </p> 
    </p> 
    </body> 
    <script> 
    var c, _ = Function; 
    with (o = document.getElementById("p1")) { innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } 
    (F = _("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g, "o.scrollTop")))(); 
    </script> 
    </html>

    滚动频率由setTimeout(F,#%18?10:3000)这个3000来控制。

    回覆
    0
  • 取消回覆