JS+CSS实现文字上下滚动

发布时间:2018-07-25 09:40  浏览次数:557

CSS:

.viewIPDiv{height:18px;width:110px;overflow:hidden;display:inline-block;vertical-align:middle;text-align: left;}
.viewIPDiv i{display:block;line-height:18px;}

JS:

$(function() {
//IP流
var viewIPDivBox=document.getElementById("viewIPDiv");
viewIPDivBox.innerHTML+=viewIPDivBox.innerHTML;
new function (){
  setTimeout(arguments.callee,viewIPDivBox.scrollTop%18?10:5000);
  viewIPDivBox.scrollTop==parseInt(viewIPDivBox.scrollHeight/2)?viewIPDivBox.scrollTop=0:viewIPDivBox.scrollTop++;
};
});

HTML:

<div id="viewIPDiv" class="viewIPDiv">
<c:forEach items="${fns:getIPs()}" var="ip">
<i>${ip}</i>
</c:forEach>
</div>


标签

归档

排行榜

点击领取