1.文字无缝向上滚动
<div class="tui-new-apply clearfix">
<span>[最新资讯]</span>
<ul class="tui-apply-user">
<li>中国打破了世界软件巨头规则</li>
<li>会说中文就能说英语!</li>
<li>现在是全按钮开启情况,</li>
</ul>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script>
// 轮播
function turnTop() {
var index = 0;
var pre = 0;
var $liLen = $(".tui-new-apply").find("li").length;
setInterval(function () {
index++;
if (index == $liLen) {
index = 0;
pre = $liLen - 1;
}
$(".tui-apply-user li").eq(pre).stop(true).animate({
top: -37
});
$(".tui-apply-user li").eq(index).stop(true).css({
top: 37
}).animate({
top: 0
});
pre = index;
}, 2000)
}
turnTop();
</script>