jquery实现文字由下到上循环滚动的实例代码
更新时间：2013年08月09日 11:11:46 作者：
这篇文章介绍了jquery实现文字由下到上循环滚动的实例代码，有需要的朋友可以参考一下
有如下代码：
复制代码 代码如下:
<div id="oDiv">
<ul id="oUl">
<li>第1个li元素</li>
<li>第2个li元素</li>
<li>第3个li元素</li>
<li>第4个li元素</li>
<li>第5个li元素</li>
<li>第6个li元素</li>
<li>第7个li元素</li>
<li>第8个li元素</li>
</ul>
</div>
但是页面只显示前5个li(相关css不做赘述)，想要循环显示li里面的内容就是在制定的时间将ul向上移动li的高度，于此同时将第一个li加到ul中li的末尾。
代码如下：
复制代码 代码如下:
function autoScroll(obj, ul_bz){
$(obj).find(ul_bz).animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
});
}
setInterval('autoScroll("#oDiv", "#oUl")',3000)
相关文章
下面小编就为大家带来一篇基于DOM节点删除之empty和remove的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了jQuery实现的卷帘门滑入滑出效果,结合具体实例形式分析了jQuery事件绑定及slideToggle方法实现滑入滑出效果相关操作技巧,需要的朋友可以参考下2019-02-02
easyui messager alert 三秒后自动关闭提示的实例
下面小编就为大家带来一篇easyui messager alert 三秒后自动关闭提示的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要为大家详细介绍了基于jQuery实现点击列表加载更多效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
这篇文章主要介绍了jQuery的Ajax用户认证和注册技术,结合完整实例较为详细的分析讲解了jQuery中ajax方法实现用户验证与注册的相关技巧与注意事项,并附带了demo源码供读者下载,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery延迟执行的实现方法,结合简单实例形式分析了jQuery针对无法同步执行的情况使用延迟执行的操作技巧,需要的朋友可以参考下2016-12-12
利用jquery 取得IMG src的问题，有需要的朋友可以参考下。2009-05-05
jquery提示 "object expected"的解决方法
在测试代码的时候，提示object expected，下面的解决方法，可以参考下。2009-12-12
这篇文章主要介绍了jQuery实现下拉框选择图片功能,可实现带图片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以参考下2015-08-08
项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件实现分页,需要的朋友可以参考下2014-07-07
最新评论