首页 > 代码库 > jquery文字纵向滚动效果（带间隔停留）
jquery文字纵向滚动效果（带间隔停留）
<script type="text/javascript">//文字纵向滚动$(function() { var $this = $("#quotation"); var scrollTimer; $this.hover(function() { clearInterval(scrollTimer); }, function() { scrollTimer = setInterval(function() { scrollNews($this); },3000); }).trigger("mouseleave"); function scrollNews(obj) { var $self = obj.find("ul"); var lineHeight = $self.find("li:first").height(); $self.animate({ "marginTop": -lineHeight + "px" },500, function() { $self.css({ marginTop: 0 }).find("li:first").appendTo($self); }) } }) </script>
以下是HTML代码
<!--滚动文字开始--> <div id="quotation" style="height:17px; line-height:17px; overflow:hidden; margin-top:15px; "> <ul style="margin:0;padding:0; list-style:none"> <li style="display: list-item;">1111111111</li> <li style="display: list-item;">2222222</li> <li style="display: list-item;">3333333333333</li> </ul> </div> <!--滚动文字结束-->
jquery文字纵向滚动效果（带间隔停留）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。