[心得] 实作数字翻转计数器

楼主: Linux (Windows)   2016-06-13 09:00:03
Hi 各位早!
上班第一天分享个小小作品轻松一下XD
Demo: http://works.ioa.tw/number_flipping_counter/index.html
基本上就是..嗯,就是一个数字翻转计数器!
其实主要使用简单的 JavaScript 与 SCSS 实作数字翻转计数器,
借由设定每个计数器元素的 class 来达成不同数字的显示,
分别以 n0~n9 的 class 来设定子元素 top 的位置。
在 GitHub 的 Readme 上有详细解说作法,
因为刚收完假,心还没收,所以可能写得有些零乱,请各位大大见谅..
如果各位喜欢的话,欢迎按星星喔!
GitHub: https://github.com/comdan66/number_flipping_counter/
作者: ian90911 (xopowo)   2016-06-13 09:08:00
nice
作者: dfudfut5 (框框内)   2016-06-13 10:18:00
很好玩,还可以输入很多数字,一直翻转到错误XDD
楼主: Linux (Windows)   2016-06-13 10:45:00
哈哈,应该是溢位了,这部分我没做防堵 >"<
作者: xdraculax (首席怪叔叔)   2016-06-13 10:45:00
omoshiroi
作者: tooto1985 ( )   2016-06-13 10:49:00
作者: Harifucks (就是要战脑残保险业务)   2016-06-13 16:09:00
vb+c+++java,输了

Links booklink

Contact Us: admin [ a t ] ucptt.com