站内搜索:
首页 >> 前端 >> 内容
js跑马灯间歇无缝上下滚动

时间:2017/6/16 9:20:24

js跑马灯间歇无缝上下滚动

先看效果吧:

js跑马灯间歇无缝上下滚动

然后是代码:
HTML:<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:sql;">

CSS

ul{
    list-style: none;
    margin-top: 0;
}
ul li {
    height: 30px;
    line-height: 30px;
}
.new{ 
    width:100%;
    height:30px; 
    overflow: hidden; 
    border:1px solid #000;
}

JS:

function autoScroll(obj){  
    $(obj).find("ul").animate({  
        marginTop : "0"  
    }, 400, function() {  
        $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
    })  
}  

$(function(){  
    setInterval('autoScroll(".new")', 1500);
});

  • 上一篇:关于从一个html页面获取到值(anything)到另外一个页面
  • 下一篇:解决端口占用问题
  • 返回顶部