更多>
最新下载
24小时阅读排行榜
- 1 css初学者制作九宫格不平均怎么办_使用grid-template统一分列比例
- 2 javascript中的可选链操作符有什么用？_深入javascript可选链语法【教程】
- 3 php实时输出前端如何监听_php实时输出前端接收法【步骤】
- 4 html5如何嵌入日历组件_html5嵌入日历日程管理【教程】
- 5 SVG中的<text>标签怎么换行和对齐
- 6 css 表单相关选择器有哪些_表单样式选择说明
- 7 如何在Golang中管理私有包权限_Golang私有仓库访问控制方法
- 8 css 清除浮动写法太多该如何选择_通过通用性和兼容性说明
- 9 EF Core如何实现乐观锁重试 EF Core并发冲突自动重试方法
- 10 FXML是什么 JavaFX的界面描述XML语言
- 11 c# Task.WhenAll 和 Task.WaitAll 的区别和用法
- 12 C++ 怎么判断文件结束 C++ eof函数在循环中的正确判断位置【文件】
- 13 如何在Golang中处理goroutine阻塞问题_Golang channel与select优化方法
- 14 c++如何判断char是字母还是数字_c++ isalnum函数详解【基础】
- 15 如何通过单次点击事件动态切换多个CSS样式？
更多>
最新教程
-
- Node.js 教程
- 16127 2025-08-28
-
- CSS3 教程
- 1546578 2025-08-27
-
- Rust 教程
- 23260 2025-08-27
-
- Vue 教程
- 25732 2025-08-22
-
- PostgreSQL 教程
- 22214 2025-08-21
-
- Git 教程
- 9196 2025-08-21
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
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
