jQuery实现简单的间隔向上滚动效果
本文实例讲述了jQuery实现简单的间隔向上滚动效果的方法。分享给大家供大家参考。具体实现方法如下：
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<div id="broadcast" class="bar" name="giftactive">
<div style="float:left"><strong>间隔滚动效果：</strong></div>
<div id="demo" style="overflow:hidden;height:22px;line-height:22px;">
<ul class="mingdan" id="holder">
<li><a href="#" target="_blank">aaaaaa</a></li>
<li><a href="#" target="_blank">bbbbbb</a></li>
<li><a href="#" target="_blank">cccccc</a></li>
<li><a href="#" target="_blank">dddddd</a></li>
<li><a href="#" target="_blank">eeeeee</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-22px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}
$(document).ready(function() {
setInterval('AutoScroll("#demo")', 1000)
});
</script>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery单行文字向上滚动效果的实现代码，包括了jquery单行文字向上滚动效果的实现代码的使用技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍简单实现js间歇或无缝滚动效果，包括了简单实现js间歇或无缝滚动效果的使用技巧和注意事项，需要的朋友参考一下 间歇、无缝滚动效果（用gif录制的效果不是很好，有兴趣的可以down代码），具体内容如下 代码： 注意点： 1.盒子块要css 溢出隐藏：overflow:hidden 2.有两个功能：间歇滚动/无缝滚动 3.先复制一块一模一样的代码，无缝滚动：执行定时器一直增加scroll
-
本文向大家介绍简单实现js无缝滚动效果，包括了简单实现js无缝滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js无缝滚动效果的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍JS简单实现无缝滚动效果实例，包括了JS简单实现无缝滚动效果实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS简单实现无缝滚动效果。分享给大家供大家参考，具体如下： 效果图如下： 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》
-
本文向大家介绍jquery实现楼层滚动效果，包括了jquery实现楼层滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码，供大家参考，具体内容如下 html: js: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery实现简单的点赞效果，包括了jQuery实现简单的点赞效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲解了jQuery实现简单的点赞效果的详细代码，具体内容如下 效果图： 下面提供一个"点赞"的实例代码，用ASP.NET MVC4+jQuery Ajax实现。 Model： View： Controller： 以上就是本文的全部内容，希望对大家学习jquery程序设