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


Posted in Javascript onJanuary 21, 2017

实例如下:

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

Javascript 相关文章推荐
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
由ReactJS的Hello world说开来
Jul 02 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
通过构造函数实例化对象的方法
Jun 28 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 #Javascript
微信小程序 devtool隐藏的秘密
Jan 21 #Javascript
JS设置CSS样式的方式汇总
Jan 21 #Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 #Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 #Javascript
js操作浏览器的参数方法
Jan 21 #Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 #Javascript
You might like
php 实现进制相互转换
2016/04/07 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
提高网站信任度的技巧
2008/10/17 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
js数组的操作指南
2014/12/28 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
vue element动态渲染、移除表单并添加验证的实现
2019/01/16 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
Python中整数的缓存机制讲解
2019/02/16 Python
python3 selenium自动化 下拉框定位的例子
2019/08/23 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
办加油卡单位介绍信
2014/01/09 职场文书
公司活动邀请函
2014/01/24 职场文书
党务公开方案
2014/05/06 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
数学复习课教学反思
2016/02/18 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle