Question

帮忙写一段文字上下滚动的jquery代码

<div class="content-info" >
<ul >
<li class="content-name" >
aaaaaaaaaaaaaaa
</li>

<li class="content-detail" >
bbbbbbbbbbbbbbbb
</li>
<li class="content-detail" >
cccccccccccccccc
</li>
</ul>
</div>
我想做的那种滚动效果是 像播报一样滚动

Answer 1

$(window).bind('scroll resize',function(){
$('#sidebar').stop(true, true).animate({
'top': $(document).scrollTop() + 'px'
},500);
}).scroll().resize();

Answer 2

$(".content-info").animate({top:'-=20px'})    //向上滚动
$(".content-info").animate({down:'-=20px'})   //向下滚动

追问

我想做的那种滚动效果是 像播报一样滚动

追答

<style type="text/css">
        * {margin: 0;padding: 0}
        li{list-style: none}
        .content { width: 300px;height: 30px;overflow: hidden;margin: 10px;border: 1px solid #ccc; }
        .content a { display: block; width: 100%;height: 30px;line-height: 26px; text-indent: 1em;}
</style>

<script type="text/javascript">
        function autoScroll(obj){
            $(obj).find("ul").animate({
                marginTop : "-30px"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        $(function(){
            setInterval('autoScroll(".content")',2000);
        })
    </script>


<div class="content" >
    <ul >
        <li><a href="">aaaaaaaaaaaaaaaaaaaa</a></li>
        <li><a href="">bbbbbbbbbbbbbbbbbb</a></li>
        <li><a href="">ccccccccccc</a></li>
        <li><a href="">dddddddddddddddddddddddd</a></li>
    </ul>
</div>