`
pcajax
  • 浏览: 2157196 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 向上滚动效果【二】

阅读更多

<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-190px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
}); <script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>
}
$(document).ready(function() {
setInterval('AutoScroll("#scrollDiv")', 3000)
});
</script>
<style type="text/css">
ul, li
{
margin: 0;
padding: 0;
}
#scrollDiv
{
height: 190px;
line-height: 190px;
overflow: hidden;
}
#scrollDiv li
{
height: 190px;
}
</style>
<div id="scrollDiv" class="banner_little">
<ul>
<li>第一行</li>                                   
<li>第二行</li>
</ul>
</div>

分享到:
评论

相关推荐

    jquery 文字向上滚动

    【标题】"jQuery 文字向上滚动"是一种网页动态效果,常用于新闻更新、公告显示或者滚动广告等场景,使得信息能够在有限的空间内持续展示,提高用户的关注度。这种效果通常是通过JavaScript库,特别是jQuery来实现的...

    jquery向上循环滚动特效.zip

    然后,你可以通过在文档加载完成后,选择相应的元素并调用插件方法来实现向上滚动效果。例如: ```html &lt;!DOCTYPE html&gt; 向上滚动特效 &lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt;...

    jQuery表格信息自动向上滚动代码.zip

    在本案例中,jQuery将用于创建一个动态的表格滚动效果。 1. **jQuery选择器与DOM操作**: 在实现自动滚动前,我们需要先获取表格元素。jQuery提供了丰富的选择器,如ID选择器(`#id`)、类选择器(`.class`)等,...

    jquery垂直向上逐条滚动新闻列表

    在这个项目中,关键在于创建一个新闻列表的容器,然后利用jQuery的定时器(如`setInterval()`)每隔一定时间将第一条新闻移动到列表的底部,模拟出向上滚动的效果。这个过程可能包括以下步骤: 1. **HTML结构**:...

    jquery向上无缝滚动

    **jQuery向上无缝滚动** 在网页设计中,动态效果常常能提升用户体验,其中“向上无缝滚动”是一种常见的文本或图片滚动展示方式。这个效果使得内容能够持续不断地从底部向上滚动,给用户带来连贯且吸引人的视觉体验...

    jQuery向上间歇滚动代码

    **jQuery向上间歇滚动代码详解** 在Web开发中,我们经常需要实现一些动态效果来提升用户体验,例如页面元素的向上间歇滚动(也称为“返回顶部”或“回到顶部”功能)。这个功能允许用户轻松地将浏览焦点移回页面...

    jQuery实现表头固定表格内容滚动效果

    在网页设计中,当表格数据过多...总之,通过`jQuery`实现表头固定表格内容滚动效果,可以提升用户在浏览大量数据时的体验。在实际应用中,可以根据项目需求对上述代码进行调整和优化,以达到最佳的视觉效果和性能表现。

    jQuery排名文字无缝循环向上滚动代码

    **jQuery排名文字无缝循环向上滚动代码详解** 在网页设计中,动态效果往往能吸引用户的注意力,提高用户体验。jQuery作为一款强大的JavaScript库,提供了丰富的功能来实现各种动态效果,其中包括文字无缝循环滚动。...

    JQUery实现上下循环滚动效果

    本教程将详细介绍如何利用jQuery这一强大的JavaScript库来实现文字或图片的上下循环滚动效果。 首先,我们需要理解jQuery的核心理念。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画制作以及...

    jQuery表格信息自动向上滚动代码

    jQuery的`.animate()`方法可以用来创建平滑的滚动效果,通过设定时间间隔(如每隔一定毫秒)改变表格的 scrollTop 属性,从而达到信息自动向上滚动的效果。而当用户将鼠标悬停在表格上时,可以通过`.mouseover()`和`...

    jquery文本向上滚动代码带上下翻转按钮的jQuery插件

    在本文中,我们将深入探讨jQuery文本向上滚动代码以及如何结合上下翻转按钮创建一个功能完善的jQuery插件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互,使得开发者能够...

    jQuery带按钮向上滚动向下滚动代码.zip

    jQuery带按钮向上滚动向下滚动代码是基于流行的JavaScript库jQuery实现的一种网页滚动效果。这个功能通常用于网站页面,尤其是内容较多的页面,以便用户能够轻松地浏览页面内容而无需手动滚动鼠标或触摸屏幕。这种...

    用jQuery的Animate方法实现公告轮播效果,文字停留几秒后向上滚动

    用jQuery的Animate方法实现公告轮播效果,文字停留几秒后向上滚动,类似招行app的那个公告效果,可自定义停留时间,样式自己写css调节,放在mui框架可以看到一个可爱的小喇叭。/笑脸/

    基于Jquery图片点击上下滚动效果

    总的来说,"基于Jquery图片点击上下滚动效果"是网页动态效果的一个基础示例,它结合了HTML布局、jQuery选择器、事件处理和动画效果,展示了如何通过JavaScript和jQuery来增强网页的交互性。通过不断学习和实践,...

    jQuery文字由下向上滚动特效.zip

    本主题涉及的是使用jQuery实现的一种特定的文字滚动特效,即“文字由下向上滚动”,这是一种常见的网页动态效果,常用于新闻更新、公告展示等场景。 在网页设计中,动态效果能够吸引用户的注意力并提升用户体验。...

    jquery文字不断向上滚动代码(兼容火狐)

    "jQuery文字不断向上滚动代码(兼容火狐)"是一个典型的JavaScript库应用案例,它利用jQuery库实现文字信息在页面上持续不断地向上滚动,同时确保在Firefox浏览器上的兼容性。 jQuery是一个轻量级、高性能的...

    jQuery图片从下往上滚动效果.zip

    "jQuery图片从下往上滚动效果" 是一种常见的JS特效,它利用jQuery库的强大功能,实现图片从页面底部向上平滑滚动,创造出引人入胜的视觉体验。这种效果常用于网站的轮播图、图片相册或者新闻滚动展示等场景。 ...

    jQuery文字逐行向上滚动代码.zip

    jQuery文字逐行向上滚动代码是一种常见的网页动态效果,它能够使文本内容以逐行上升的方式展示,常用于新闻更新、公告栏或者滚动广告等场景,为网页增添动态视觉效果,吸引用户注意力。在这个"jQuery文字逐行向上...

    jquery上下滚动插件

    **jQuery上下滚动插件**是一种常用的前端开发工具,主要用于实现网页元素(如`&lt;li&gt;`列表项)的平滑上下滚动效果。这种效果在展示新闻、公告或产品列表时非常常见,可以为用户带来动态浏览体验,提升网站的互动性和...

Global site tag (gtag.js) - Google Analytics