新闻上下滚动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 相关文章推荐
javascript中xml操作实现代码
Nov 21 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
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中动态显示签名和ip原理
2007/03/28 PHP
php header()函数使用说明
2008/07/10 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
jquery获得下拉框值的代码
2011/08/13 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
js友好的时间返回函数
2016/08/24 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
2016/10/25 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
简单了解python变量的作用域
2019/07/30 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
Python虚拟环境venv用法详解
2020/05/25 Python
python线性插值解析
2020/07/05 Python
python递归函数用法详解
2020/10/26 Python
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
优秀护士演讲稿
2014/04/30 职场文书
小学亲子活动总结
2014/07/01 职场文书
六五普法宣传标语
2014/10/06 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
导游词书写之黄山
2019/08/06 职场文书
Python机器学习之基础概述
2021/05/19 Python
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js