新闻上下滚动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 相关文章推荐
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
AngularJS语法详解(续)
Jan 23 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
layui弹出层按钮提交iframe表单的方法
Aug 20 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
浅谈javascript错误处理
Aug 11 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 28 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 数字左侧自动补0
2008/03/31 PHP
简单PHP上传图片、删除图片实现代码
2010/05/12 PHP
php的hash算法介绍
2014/02/13 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
php和nginx交互实例讲解
2019/09/24 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
2016/10/26 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
vue 中的动态传参和query传参操作
2020/11/09 Javascript
Python3.2模拟实现webqq登录
2016/02/15 Python
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Python制作词云图代码实例
2019/09/09 Python
浅析Python 责任链设计模式
2020/09/11 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
python 实现汉诺塔游戏
2020/11/28 Python
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
自荐信写法介绍
2014/01/25 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
2014年财政局工作总结
2014/12/09 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
SQL Server删除表中的重复数据
2022/05/25 SQL Server