首页

JS特效

jQuery特效

jQuery数字滚动增加动画特效

立即下载预览

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/digitalScroll.js"></script>
<script type="text/javascript">
var sum = 13000;
$(function() {
	setInterval(function(){
		show_num1(sum)
	},1000);
});

function show_num1(n) {
	sum=sum+5;
	console.log(n);
	var it = $(".t_num1 i");
	var len = String(n).length;
	for(var i = 0; i < len; i++) {
		if(it.length <= i) {
			$(".t_num1").append("<i></i>");
		}
		var num = String(n).charAt(i);
		//根据数字图片的高度设置相应的值
		var y = -parseInt(num) * 58;
		var obj = $(".t_num1 i").eq(i);
		obj.animate({
			backgroundPosition: '(0 ' + String(y) + 'px)'
		}, 'slow', 'swing', function() {});
	}
	$("#cur_num").val(n);
}
</script>

jQuery数字滚动增加动画特效是一款样式经过美化的数字上下滚动累加动画效果。

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

如何使用Vue实现数字动画特效

21 Sep 2023

如何使用Vue实现数字动画特效前言：在Web应用中，数字动画特效经常被用来展示统计数据、倒计时或者其他需要突出数字变化效果的场景。Vue作为一款流行的JavaScript框架，提供了丰富的数据绑定和过渡动画功能，非常适合实现数字动画特效。本文将介绍如何使用Vue实现数字动画特效，并提供具体的代码示例。一、设置初始数据：首先，我们需要在Vue组件中设置一个变量

jQuery PHP实现动态数字展示特效_jquery

16 May 2016

我们在一些应用中需要动态展示数据，比如当前在线人数，当前交易总额，当前汇率等等，前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。

vue如何实现数字滚动增加效果？代码示例

01 Dec 2020

项目中需要做数字滚动增加的效果，一开始很懵，研究了一下原理，发现很简单，贴出来分享一下 ^_^

PPT数字滚动动画效果制作方法_几个步骤就搞定

24 Apr 2024

首先在PPT中拖出文本框输入两行0到9的数字，注意换行不要回车，要用文本框本身大小来自动换行。接着调整文字方向为【堆积】，并将文本框上下拉伸让一个数字为一行。然后我们选中文本框将其复制，紧接着其另存为图片，并将图片重新插入进来。将图片裁剪，只显示0。最后将幻灯片复制，同样再次裁剪图片，这次裁剪显示最终的数字。点击上方切换效果，添加【平滑】或者【推进】切换效果就可以了。