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

时间:2017-01-21    点击:141   

实例如下:

<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 超简洁(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。

详解前端构建工具gulpjs的使用介绍及技巧
ajax 提交数据到后台jsp页面及页面跳转问题
ajax与json 获取数据并在前台使用简单实例
JS中如何实现点击a标签返回页面顶部的问题
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved