如何像里程表一样向上滑动
How to slideUp like an odometer
我有这个,它"足够好",但我最初的愿景是让数字像里程表一样滚动:
setTimeout(slideUp,2000);
function slideUp() {
$('#odometer').slideUp('slow','swing',slideDown);
}
function slideDown() {
$('#odometer').removeClass('highlight').slideDown('slow');
}
所以它的作用是:当页面加载时,数字会突出显示。页面加载两秒钟后,它向上滑动到看不见的地方,然后以正常字体向下滑动。
但我想让它像里程表一样计数。我也可以给它一个起始号码,这样用户就不必观看了这一数字高得离谱。
您可以去阅读ScrollerJS的源代码。它通过CSS转换和DOM动画支持来实现您想要实现的目标。
最重要的是,它是开源的,不依赖任何第三方库,包括jQuery、D3、Velocity等。
相关文章:
- 在SVG地图上添加水的渐变,就像在谷歌地图(PHP/JS)中一样
- 如何像模糊图像一样模糊iframe
- 如何检测滚动事件是否像在触摸设备上一样只触发一次
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- 如何缩放像图像一样的元素
- 我需要iframe的内容像动画一样展开,填满整个屏幕并缩小到原来的大小
- 是否可以像字符串一样/操作/函数
- 我可以像其他库一样将JointJS作为AngularJS模块注入吗
- 为什么可以'我们在函数体中为函数对象添加属性,就像在javascript中为对象文字添加属性一样
- 我如何创建一个选择器,就像jQuery有jQuery()或$()一样
- 像谷歌一样更改滚动网站
- 试图清理一个电话号码,以便如果它像816-345-6757一样被输入,它会像8163456757一样返回它
- 如何在javascript对象中设置属性的类型,就像mongoose模式设计一样
- 将多个画布保存为一个图像(使网站像PicFrame一样)
- 我如何让按钮像在javascript中从键盘按回车键一样工作
- JavaScript日期接收为像这次旅行一样的对象.日期:“/日期(1426530600000)/”;
- JavaScript 是否能够像在 windows.location 中解析当前 URL 一样解析任意 URL
- 如何使用CSS或JQuery使整个网页看起来更小(就像Chrome的缩小功能一样)
- css 和 JavaScript 像 iOS 照片应用程序一样滚动