就一个带按钮的文字滚动代码

Question

本帖最后由 zoutao0207 于 2012-11-06 11:57:59 编辑

Answer 1

http://bbs.csdn.net/topics/390270968看一下这个帖子上，一楼给的网址，挺全的，应该有你要的功能吧

Answer 2

<style type="text/css">
    textarea{width:200px;height: 50px;}
    ul{border: 1px solid red;height:20px;overflow: hidden;}
    li{height:20px;line-height: 20px;font-size: 12px;}
</style>
<button type="button" onclick="scscms(-1)">上</button>
<button type="button" onclick="scscms(1)">下</button>
<ul>
    <li>1图片切换图片切换图片切换图片切换图片切换图</li>
    <li>2图片切换图片切换图片切换图片切换图片切换图</li>
    <li>3图片切换图片切换图片切换图片切换图片切换图</li>
    <li>4图片切换图片切换图片切换图片切换图片切换图</li>
    <li>5图片切换图片切换图片切换图片切换图片切换图</li>
    <li>6图片切换图片切换图片切换图片切换图片切换图</li>
    <li>7图片切换图片切换图片切换图片切换图片切换图</li>
</ul>
<script type="text/javascript">
    var i_all,i_n= 0,obj,n=1;
    var i_t=3000;//定义间隔时间
    $(function(){
        i_all=$("li").size();
        obj=setInterval("scscms()",i_t);
        $("button").hover(function(){
            clearInterval(obj);
        },function(){
            obj=setInterval("scscms()",i_t);
        })
    });
function scscms(i){
    if(i!=undefined)n=i;
    i_n+=n;
    if(i_n<0){i_n=1;n=1}
    if(i_n>i_all-1){i_n=i_all-2;n=-1}
    $("ul").animate({scrollTop:i_n*20},"slow");
}
</script>按钮问题自己搞定