在这种情况下如何使div内容自动滚动

时间:2015-10-16 09:40:20

标签: jquery

我通过网站以这种方式通过RSS Feed显示新闻

<div id="divRss"></div>

$(document).ready(function()
{
    $('#divRss').FeedEk(
    {
        FeedUrl: 'http://www.moneycontrol.com/rss/results.xml'
    });
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    $('#example, .itemTitle a').css("color", getHex(r, g, b));
    $('#example').click(function()
    {
        $('.itemTitle a').css("color", getHex(r, g, b));
    });

    function intToHex(n)
    {
        n = n.toString(16);
        if (n.length < 2) n = "0" + n;
        return n;
    }

    function getHex(r, g, b)
    {
        return '#' + intToHex(r) + intToHex(g) + intToHex(b);
    }
});

这一切都很好,这是我的小提琴

http://jsfiddle.net/nqkH4/459/

但是可以自动从上到下滚动div,如此小提琴

所示

http://jsfiddle.net/30d4h3s6/

你能告诉我如何实现这个吗?

2 个答案:

答案 0 :(得分:0)

如何使用marquee标签来执行此操作。

<marquee>
    <div>Your Content</div>
</marquee>

这是你的fiddle和Marquee。

  

请注意Marquee是非标准的,但仍然支持所有主流浏览器。

答案 1 :(得分:0)

<marquee direction="up" height="200" truespeed="1" scrolldelay="50" scrollamount="1" onmouseout="this.start()" onmouseover="this.stop()"><div>Your Content</div></marquee>