新闻上下滚动jquery 超简洁(必看篇)

 更新时间:2017年01月21日 09:53:04   投稿:jingxian  
下面小编就为大家带来一篇新闻上下滚动jquery 超简洁(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

<div class = "box">
	<dl class="textlist">
		<dd>11你好,欢迎来到脚本之家</dd>
		<dd>22你好,欢迎来到脚本之家</dd>
		<dd>33你好,欢迎来到脚本之家</dd>
		<dd>44你好,欢迎来到脚本之家</dd>
		<dd>55你好,欢迎来到脚本之家</dd>
	</dl>
</div>
<script>
		$(function(){
			function GoUp(){
				$(".textlist").animate({top,-30},500,function(){
					$(".textlist").css({top,0});
					$(".textlist dd:first").insertAfter(".textlist dd:last")
				});
			}
			setInterval(GoUp,1000)
		
		})

	</script>
</body>

以上这篇新闻上下滚动jquery 超简洁(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • jQuery实现Email邮箱地址自动补全功能代码

    jQuery实现Email邮箱地址自动补全功能代码

    这篇文章主要介绍了jQuery实现Email邮箱地址自动补全功能代码,涉及jQuery鼠标事件及字符操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • jQuery Autocomplete自动完成插件

    jQuery Autocomplete自动完成插件

    jQuery Autocomplete plugin 写的比较满意,拿出来分享,欢迎大家找BUG。
    2010-07-07
  • 详解jQuery 链式调用

    详解jQuery 链式调用

    这篇文章主要介绍了jQuery 链式调用的相关资料,帮助大家更好的理解和学习使用jQuery,感兴趣的朋友可以了解下
    2021-05-05
  • jQuery实现两列等高并自适应高度

    jQuery实现两列等高并自适应高度

    想要使用jQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。下面就跟小编一起来看下吧
    2016-12-12
  • jQuery实用技巧必备(上)

    jQuery实用技巧必备(上)

    这篇文章主要介绍了jQuery必不可少的小技巧,这些小技巧就像是创建的快捷方式,可以帮助大家快速开发,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jquery如何扑捉回车键触发的事件

    jquery如何扑捉回车键触发的事件

    这篇文章主要介绍了jquery如何扑捉回车键触发的事件,需要的朋友可以参考下
    2014-04-04
  • jQuery自动或手动图片切换效果

    jQuery自动或手动图片切换效果

    这篇文章主要为大家详细介绍了jQuery自动或手动图片切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • easyui下拉框动态级联加载的示例代码

    easyui下拉框动态级联加载的示例代码

    本篇文章主要介绍了easyui下拉框动态级联加载的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • jquery引用方法时传递参数原理分析

    jquery引用方法时传递参数原理分析

    只需将js引用并设置下变量就行了,但一直没搞明白原理,这次弄清了如何传递、设置多个(很多个)参数,如果你也不明白可以看看
    2014-10-10
  • jQueryUI DatePicker 添加时分秒

    jQueryUI DatePicker 添加时分秒

    本文主要介绍jQueryUI DatePicker添加时分秒的方法,简单实用,需要的朋友可以参考下。
    2016-06-06

最新评论